How To Rotate Images Of Any Website




This A Cool & Funny JavaScrpit Code That Make Every Images That Inculoded in That WebPage Rotate

In Circular, Horizontal, Combination Of Circular And Horizontal Trajectory

It Will WorkIn All Modern Browsers Like Google Chrome,Internet Explorer,Firefox etc....................

But Where I Will Try These Codes So I Decided To Try On My Friends Photos

1) Rotate Images In Circular Trajectory in Any WebPage

Copy And Paste The Following Javascript Code In Your Browser Address Bar 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);
____________________________________________________________________________________
2) Rotate Images in Horizontal Trajectory in Any Website

Copy And Paste The Following Javascript Code In Your Browser Address Bar 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);
____________________________________________________________________________________

3) Rotate Images In Circular As Well As Horizontal Trajectory in Any WebPage

This Code You Will Add Both the Horizontal As Well As Circular Rotaion Effect To Images

Copy And Paste The Following Javascript Code In Your Browser Address Bar 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; var DI= document
.images; 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++}tag=setInterval('A()',5 );document.onmousedown=function() {clearInterval(tag);for(i=0; i < DIL; i++){DI.style.position="static";}}; void(0) ____________________________________________________________________________________ 4) Rotate Images Tn Circular Trajectory On Mouse Movement In Any WebPage This Will Add The Rotaion Effect To Images Only On Mouse Movements Whenever You Will Move Your Mouse Your Images Will Start Rotating. ____________________________________________________________________________________ javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=100; y4=100; var DI= document.images; DIL=DI.length; function A(_X,_Y){for(i=0; i < DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3) *x4+_X+"px"; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+_Y+"px"}R++}document.onmousemove=function(event){_X = event.clientX; _Y = event.clientY; A(_X,_Y);};document.onmousedown=function(){for(i=0; i < DIL; i++){DI.style.position="static";}};void(0) ____________________________________________________________________________________

Adam Azad

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

1 comment:

Aly said...

Cool Coding there :)
http://www.echoiceworld.com