js图片切换

1. <script type="text/javascript">
   
2. var slidespeed=2000
   
3. //增加减少图片
   
4. var slideimages=new Array("http://www.cbiw.com.cn/topic/51/images/51_mm1.gif","http://www.cbiw.com.cn/topic/51/images/51_mm2.gif","http://www.cbiw.com.cn/topic/51/images/51_mm3.gif","http://www.cbiw.com.cn/topic/51/images/51_mm4.gif")
   
5. //修改图片链接
   
6. var slidelinks=new Array("http://diy.cbiw.com.cn/newspage/200704/24/20070424092415.html","http://diy.cbiw.com.cn/newspage/200704/26/20070426171325.html","http://diy.cbiw.com.cn/newspage/200704/26/20070426154655.html","http://diy.cbiw.com.cn/index_363.htm")
   
7. var imageholder=new Array()
   
8. var ie55=window.createPopup
   
9. for (i=0;i<slideimages.length;i++){
   
10. imageholder[i]=new Image()
    
11. imageholder[i].src=slideimages[i]
    
12. }
    
13. 
    
14. function gotoshow(){
    
15. open(slidelinks[whichlink])
    
16. }
    
17. </script>
    
18. 
    
19. <!--下面通过CSS控制出现马赛克-->
    
20. <a href="javascript:gotoshow()"><img src="//www.cbiw.com.cn/topic/51/images/51_mm1.gif" name="slide" border="0" style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)"></a>
    
21. 
    
22. <script type="text/javascript">
    
23. var whichlink=0
    
24. var whichimage=0
    
25. var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0
    
26. function slideit(){
    
27. if (!document.images) return
    
28. if (ie55) document.images.slide.filters[0].apply()
    
29. document.images.slide.src=imageholder[whichimage].src
    
30. if (ie55) document.images.slide.filters[0].play()
    
31. whichlink=whichimage
    
32. whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
    
33. setTimeout("slideit()",slidespeed+pixeldelay)
    
34. }
    
35. slideit()
    
36. </script>