js图片轮换效果

常常在各大网站上看到如下图所示的图片轮换效果，有的是用flash做的，有的是用js做的。

我就google一下，发现用js写的图片轮换效果例子是不少，可惜要么太繁琐，要么连页面都打不开

于是自己试了试，写了一个，代码很少。



js如下：

Javascript代码

1. $(document).ready(function(){      
2.     $(".clickButton a").attr("href","javascript:return false;");   
3.     $(".clickButton a").each(function(index){              
4.         $(this).click(function(){   
5.             changeImage(this,index);       
6.         });            
7.     });    
8.     autoChangeImage();         
9. });   
10.   
11. function autoChangeImage(){   
12.     for(var i = 0; i<=10000;i++){   
13.         window.setTimeout("clickButton("+(i%5+1)+")",i*3000);              
14.     }   
15. }   
16.   
17. function clickButton(index){   
18.     $(".clickButton a:nth-child("+index+")").click();   
19. }   
20.   
21. function changeImage(element,index){   
22.     var arryImgs = ["p_w_picpaths/01.jpg","p_w_picpaths/02.jpg","p_w_picpaths/03.jpg","p_w_picpaths/04.jpg","p_w_picpaths/05.jpg"];   
23.     $(".clickButton a").removeClass("active");   
24.     $(element).addClass("active");   
25.     $(".imgs img").attr("src",arryImgs[index]);   
26. }