用javascript 做的slider 不起作用，请高人指点

这是我的html源码：
<html>
<head>
<title>try</title>
<link rel="stylesheet" type="text/css" href="layout.css"></head>
<body>
<div id="box">
<img id="picture" src="images/03.jpg">
<img id="picture" src="images/04.jpg">
<img id="picture" src="images/05.jpg">
</div>
<script type="text/javascript" src="slide.js"></script>
<script type="text/javascript" src="jquery.min.js"></script>
</body>
</html>
--------------
javascript源码如下：
$(document).ready(function(){
var imageName = ["03.jpg","04.jpg","05.jpg"];
var indexNum = 0;
$("#picture").click(function(){
$("#picture").fadeout(300,function(){
$("#picture").attr("src",imageName[indexNum]);
indexNum++;
if(indexNum>2){indexNum=0};
$("#picture").fadein(500);
});
});
});

解决方案 »

  1.   

    fadeOut()
    fadeIn()注意大小写，ID不要有重名的。
      

  2.   

    谢谢你的回答，问题我已经解决了，总结如下：
    1。jquery 的文档应放在javascript之前，否则不起作用
    2。html中src只用最后一个图片
    3。就是你说的ID不要有重名
    4。数组中图片路径和html中图片路径不一致 另外，我想给你40分，怎么送给你呢？我是这个论坛的新手