Monday, 22 August 2011

0

How To Rotate Images Of Any Website

Posted in


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)

0 comments: