How To Rotate Images Of Any Website
Posted in tricksThis 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)
0 comments: