js打造图片幻灯片效果——多幅图片淡入淡出切换

<script language="javascript"> function img1(x){ //获得数组记录数 this.length=x; } //申请数组并且给数组元素赋值，也就是吧图片的相对路径保存起来 //若是图片较多，可以增加数组元素的个数 //在这个例子中用了五张图片，使用数组元素的个数为5 iname=new img1(5); iname[0]="https://p-blog.csdn.net/images/p_blog_csdn_net/aloie/383293/o_01.jpg"; iname[1]="https://p-blog.csdn.net/images/p_blog_csdn_net/aloie/383293/o_03.jpg"; iname[2]="https://p-blog.csdn.net/images/p_blog_csdn_net/aloie/383293/o_04.jpg"; iname[3]="https://p-blog.csdn.net/images/p_blog_csdn_net/aloie/383293/o_05.jpg"; iname[4]="https://p-blog.csdn.net/images/p_blog_csdn_net/aloie/383293/o_02.jpg"; var i=0; function play1(){ if(i==4) i=0; else i++; tp1.filters[0].apply(); tp1.src=iname[i]; tp1.filters[0].play(); mytimeoout=setTimeout("play1()",5000); //设置演示时间，4秒 //这个时间值要大于滤镜中设置的转换时间值，这样当转换结束后能停留一段时间，看清楚图片。 } </script>

<script language="javascript">play1();</script>