网页代码设计技巧系列之-----图片轮换效果.doc

脚本说明:把如下代码加入区域中var slideshow_width=140 /SET IMAGE WIDTHvar slideshow_height=225 /SET IMAGE HEIGHTvar pause=3000 /SET PAUSE BETWEEN SLIDE (3000=3 seconds)var fadeimages=new Array()/SET IMAGE PATHS. Extend or contract array as neededfadeimages0=photo1.jpgfadeimages1=photo2.jpgfadeimages2=photo3.jpg/NO need to edit beyond here/var preloadedimages=new Array()for (p=0;pfadeimages.length;p+)preloadedimagesp=new Image()preloadedimagesp.src=fadeimagespvar ie4=document.all&navigator.userAgent.indexOf(Opera)=-1var dom=document.getElementById&navigator.userAgent.indexOf(Opera)=-1if (ie4|dom)document.write()elsedocument.write()var curpos=10var degree=10var curcanvas=canvas0var curimageindex=0var nextimageindex=1function fadepic()if (curpos100)curpos+=10if (tempobj.filters)tempobj.filters.alpha.opacity=curposelse if (tempobj.style.MozOpacity)tempobj.style.MozOpacity=curpos/100elseclearInterval(dropslide)nextcanvas=(curcanvas=canvas0)? canvas0 : canvas1tempobj=ie4? eval(document.all.+nextcanvas) : document.getElementById(nextcanvas)tempobj.innerHTML=nextimageindex=(nextimageindexfadeimages.length-1)? nextimageindex+1 : 0setTimeout(rotateimage(),pause)function rotateimage()if (ie4|dom)resetit(curcanvas)var crossobj=tempobj=ie4? eval(document.all.+curcanvas) : document.getElementById(curcanvas)crossobj.style.zIndex+var temp=setInterval(fadepic(),50)dropslide=eval(temp)curcanvas=(curcanvas=canvas0)? canvas1 : canvas0elsedocument.images.defaultslide.src=fadeimagescurimageindexcurimageindex=(curimageindexfadeimages.length-1)? curimageindex+1 : 0function resetit(what)curpos=10var crossobj=ie4? eval(document.all.+what) : document.getElementById(what)if (crossobj.filters)crossobj.filters.alpha.opacity=curposelse if (crossobj.style.MozOpacity)crossobj.style.MozOpacity=curpos/100function startit()var crossobj=ie4? eval(document.all.+curcanvas) : document.getElementById(curcanvas)cr