我的图片不管向左或者向右移动一个就出现404了！为什么？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<link type="text/css" rel="stylesheet" href="lunbo.css">
<script type="text/javascript">
window.onload=function(){
var container=document.getElementById("container");
var list=document.getElementById("list");
var button=document.getElementById("button").getElementsByTagName("span");
var prew=document.getElementById("prew");
var next=document.getElementById("next");
/* function animate(add){
list.style.left = parseInt(list.style.left) + add + "px";
}*/
next.onclick=function(){
list.style.left = parseInt(list.style.left) -600 + "px";
/*animate(-600);*/
}
prew.onclick=function(){
animate(600);
}
}
</script>
</head>
<body>
<div id="container">
<div id="list" style="left: -600px">
<img src="f.jpg." alt="f">
<img src="a.jpg" alt="a">
<img src="b.jpg" alt="b">
<img src="c.jpg" alt="c">
<img src="e.jpg" alt="e">
<img src="f.jpg" alt="f">
<img src="a.jpg" alt="a">
</div>
<div id="button">
<span index="1"></span>
<span idex="2"></span>
<span idex="3"></span>
<span idex="4"></span>
<span idex="5"></span>
</div>
<a href="javascript" id="prew"><</a>
<a href="javascript" id="next">></a>
</div>
</body>
</html>
