Thursday, December 8, 2011

More JavaScript Tips(How to make images rotate in web pages)

This is an amazing JavaScript tip which makes images rotate in 3D mode.

How To

Go to Google image search Google Image Search .
Type any keyword for pictures.I use "The X Files".
Now in url bar type paste below javascript and press enter.

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);

You will see the images come into alive and rotate in 3D mode :D


No comments:

Post a Comment