Trick To Rotate Images in Circular Trajectory in Any Website
Open any website, copy and paste the following javascript code in your browser address bar and press Enter.The images will start rotating in circular trajectory.
Actually in Chrome browser after you have to put it on address bar then you need to type again "javascript:" (without qoute) on the begining
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);
The Calculator
In case if you are very quick in coding and don’t wanna use your inbuilt calculator, you can always use the below JavaScript to get the quick answer within your browser. you can replace 34343+3434-222 with expression of your choice.
javascript: alert(34343+3434-222);
Floating or Dancing Images in Webpage
This piece of JavaScript pulls off all the images from any web page and rotates or float’s them in a circular ordr. The best place to test this Script will be a website with many images(for eg: any photo gallery or albums page) (Scroll Up to see the Action)
note: look carefully in the above code, its rotating the HTML “img” tag. Just replace it with “a” or “p” and watch some links or text rotate instead of 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; 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 will large number of images to get better effects
BONUS : I LOVE YOU TRICK IN ƒb
Step 1. Now, Press Ctrl + F
Step 2. Then press 9 one or two times → See the majic
69966666669999996669999996669966669966669999666669966669966
69966666699999999699999999669966669966699669966669966669966
69966666669999999999999996669966669966996666996669966669966
69966666666699999999999966666699996666996666996669966669966
69966666666666999999996666666669966666996666996669966669966
69966666666666669999666666666669966666699669966669966669966
69966666666666666996666666666669966666669999666666999999666
No comments:
Post a Comment