Automatikus Képcserélő
A scriptet kimásolod,beilleszted és kész!
<SCRIPT language=JavaScript1.2 type=text/javascript></P> <P>/***********************************************<BR>* Fade-in image slideshow script- © Dynamic Drive DHTML code library (<A href="http://www.dynamicdrive.com">www.dynamicdrive.com</A>)<BR>* This notice MUST stay intact for legal use<BR>* Visit Dynamic Drive at <A href="http://www.dynamicdrive.com/">http://www.dynamicdrive.com/</A> for full source code<BR>***********************************************/</P> <P>var slideshow_width='140px' //SET IMAGE WIDTH<BR>var slideshow_height='225px' //SET IMAGE HEIGHT<BR>var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)</P> <P>var fadeimages=new Array()<BR>//SET IMAGE PATHS. Extend or contract array as needed<BR>fadeimages[0]="photo1.jpg"<BR>fadeimages[1]="photo2.jpg"<BR>fadeimages[2]="photo3.jpg"</P> <P>////NO need to edit beyond here/////////////</P> <P>var preloadedimages=new Array()<BR>for (p=0;p<fadeimages.length;p++){<BR>preloadedimages[p]=new Image()<BR>preloadedimages[p].src=fadeimages[p]<BR>}</P> <P>var ie4=document.all<BR>var dom=document.getElementById</P> <P>if (ie4||dom)<BR>document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10;visibility: hidden"></div></div>')<BR>else<BR>document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')</P> <P>var curpos=10<BR>var degree=10<BR>var curcanvas="canvas0"<BR>var curimageindex=0<BR>var nextimageindex=1</P> <P><BR>function fadepic(){<BR>if (curpos<100){<BR>curpos+=10<BR>if (tempobj.filters)<BR>tempobj.filters.alpha.opacity=curpos<BR>else if (tempobj.style.MozOpacity)<BR>tempobj.style.MozOpacity=curpos/101<BR>}<BR>else{<BR>clearInterval(dropslide)<BR>nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"<BR>tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)<BR>tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'<BR>nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0<BR>var tempobj2=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)<BR>tempobj2.style.visibility="hidden"<BR>setTimeout("rotateimage()",pause)<BR>}<BR>}</P> <P>function rotateimage(){<BR>if (ie4||dom){<BR>resetit(curcanvas)<BR>var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)<BR>crossobj.style.zIndex++<BR>tempobj.style.visibility="visible"<BR>var temp='setInterval("fadepic()",50)'<BR>dropslide=eval(temp)<BR>curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"<BR>}<BR>else<BR>document.images.defaultslide.src=fadeimages[curimageindex]<BR>curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0<BR>}</P> <P>function resetit(what){<BR>curpos=10<BR>var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)<BR>if (crossobj.filters)<BR>crossobj.filters.alpha.opacity=curpos<BR>else if (crossobj.style.MozOpacity)<BR>crossobj.style.MozOpacity=curpos/101<BR>}</P> <P>function startit(){<BR>var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)<BR>crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'<BR>rotateimage()<BR>}</P> <P>if (ie4||dom)<BR>window.onload=startit<BR>else<BR>setInterval("rotateimage()",pause)</P> <P></SCRIPT> </P> <P> <P align=center><FONT face=Arial size=-2>Free DHTML scripts provided by<BR><BR><A href="<A href='http://www.dynamicdrive.com">Dynamic'>http://www.dynamicdrive.com">Dynamic</A> Drive</A></FONT></P>