Javascript fun – make your images go nuts!



November 23rd, 2006 by Kat Kingsley-Hughes

Here’s some fun thanks to Alex Eckelberry – navigate your browser to a page with images in.  Now drop the following into the address bar:


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()',50); void(0);

And watch your images swirl all over the screen!

Screenshot of images swirling in the browser

Works in Opera, Firefox and Internet Explorer. 

Have fun! 

Happy Thanksgiving to all!!

This entry was posted on Thursday, November 23rd, 2006 at 1:07 am and is filed under Flotsam. Both comments and pings are currently closed.

Comments are closed.

%d bloggers like this: