Monday time-waster : javascript fun
This is a fun javascript code that you can run to make all the images on a page fly around in circle. The picture above is the result of google image search results floating around.
To try it out right on this blog’s page, copy the following script :
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.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; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval(’A()’,5); void(0);
Now, paste them in your browser’s address and hit Enter. To stop the effect, just hit refresh/reload. To pause it, paste this instead javascript:function A(){}
So basically, you can do this with any webpage, of course they must have images to work lah.
Here are some more variations to this script.
Will prompt you for the speed
javascript:var speed=prompt(%22what speed for flying images? higher is slower, fastest and smoothest is 5%22); 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(%22img%22); 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)+%22px%22; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+%22px%22}R++}setInterval(’A()’,speed); void(0);
All images fly to the right.
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.tan(R*x1+i*x2+x3)*x4+x5)+”px”; DIS.top=(Math.sin(R*y1+i*y2+y3)*y4+y5)+”px”}R++}setInterval(’A()’,5); void(0);
If you don’t have javascript, then you can watch the video below to see what actually it does.
