轉載自:http://apps.hi.baidu.com/share/detail/5472492
多張圖片切換javascript例子,可以選擇切換的樣式,不過不能選擇指定的圖片
<table width="535" height="215" border="0" cellpadding="0"<br />cellspacing="0"><br /><tr><br /><td width="450" height="215"><br /><mce:script language=JavaScript><!--<br /> //js代碼<br /> var bannerAD=new Array(); //用於存放圖片路徑(相對路徑)<br /> var adNum=0;<br /> bannerAD[0]="images/mibao.jpg";<br /> bannerAD[1]="images/IMG_0882.JPG";<br /> bannerAD[2]="images/IMG_0883.JPG";<br /> bannerAD[3]="images/IMG_0884.JPG";<br /> function setTransition(){<br />if (document.all){<br />bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);//設定圖片切換<br />bannerADrotator.filters.revealTrans.apply(); //應用圖片切換<br /> }<br /> } </p><p> function playTransition(){<br /> if (document.all)<br /> bannerADrotator.filters.revealTrans.play() //播放圖片<br /> } </p><p> function nextAd(){<br /> if(adNum<bannerAD.length-1)adNum++;<br /> else adNum=0;<br /> setTransition();<br /> document.images.bannerADrotator.src=bannerAD[adNum];<br /> playTransition();<br /> theTimer=setTimeout("nextAd()", 5000); //5秒鐘切換一張圖片<br /> } </p><p>// --></mce:script></p><p><img style="FILTER: revealTrans(duration=2,transition=20)" mce_style="FILTER: revealTrans(duration=2,transition=20)" height=292 src="" width=515 border=1 name=bannerADrotator><br /><SCRIPT language=JavaScript>nextAd()</SCRIPT><br /></td><br /></tr><br /></table>