Bildübergang

HTML-Einbindung
<!-- Script-Anfang --> <!-- www-java24.net - DIE Javascript - Ressource --> <!-- Diesen Code musst Du in den -body- einbauen --> <center><script> <!-- //The main image. Change the src to one of your images. //Then place where you want on your page. if (document.all){ document.write('<img src="george.jpg" id="box">'); } //--> </script> <script language="JavaScript"> <!-- if (document.all){ //Put your images into the array below. Add as many as needed. pics=new Array("zippy.jpg","george.jpg") //Transition speed. 4000 = 4 seconds etc. delay=4000; //Nothing needs altering paste here. l=new Array() for (i=0; i < pics.length;i++){ l[i]=new Image() l[i].src=pics[i] } n="progid:DXImageTransform.Microsoft."; f=new Array() f[0]="Wheel(spokes=4)"; f[1]="Blinds(Bands=10,direction=up)"; f[2]="Stretch(stretchstyle=PUSH)"; f[3]="Stretch(stretchstyle=SPIN)"; f[4]="RadialWipe(wipestyle=RADIAL)"; f[5]="RadialWipe(wipestyle=WEDGE)"; f[6]="Checkerboard(Direction=right,SquaresX=8,SquaresY=8)"; f[7]="Fade(Overlap=1.00)"; f[8]="GradientWipe(GradientSize=0.25,wipestyle=0,motion=forward)"; f[9]="Iris(irisstyle=CIRCLE,motion=out)"; f[10]="Iris(irisstyle=STAR,motion=out)"; f[11]="Barn( motion=out,orientation=vertical)"; f[12]="Barn( motion=in,orientation=vertical)"; f[13]="Strips(motion=leftup)"; f[14]="Slide(slidestyle=HIDE,Bands=1)"; f[15]="Slide(slidestyle=PUSH,Bands=1)"; f[16]="Slide(slidestyle=SWAP,Bands=1)"; f[17]="RandomDissolve(duration=1)"; imgstep=0; function ani(){ rnd=f[Math.floor(Math.random()*f.length)] box.style.filter=n+rnd; box.filters[0].apply(); box.src=l[imgstep].src; box.filters[0].play(); imgstep++; if (imgstep >= l.length) imgstep=0; setTimeout("ani()",delay); } window.onload=new Function("setTimeout('ani()',delay)") } //--> </script> </center> <!-- Script-Ende --> <!-- www-java24.net - DIE Javascript - Ressource -->