• Campus Karma

Login

Tricks to Rotate Images of any Website from your Browser

    Raja Dey
    By Raja Dey

    image

     

    These are only funny tricks that can be done easily with some javascripts  from your browser itself.The trick is rotate images of a website in all directions.Use this trick to impress your friends and make fun of them.The trick is so simple and can be done in any websites which is having images in it.All you have to do is to open any website, copy and paste the javascript codes in your browser address bar and press Enter. and watch the magic.

    Trick to rotate images in circular trajectory.

    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);

    Trick To Rotate Images in Horizontal Trajectory in Any Website

    To rotate images in horizontal trajectory 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);

    Trick To Rotate Images in Circular as well as Horizontal Trajectory in Any Website

    Using this code you will add both the horizontal as well as Circular rotaion effect to images.

    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);

    Trick To Rotate Images in Circular Trajectory on Mouse Movement in Any Website

    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);

    Use these codes on webpages with large number of images to get better effects and enjoy!

     

    More at: www.chipno.com