Saturday, October 21, 2006

amazing javascript

amazing and very cool trick with javascript from stopgeek.com
  1. Go to a page with lots of images on it, eg. any google images page
  2. Paste the following javascript into your address bar
  3. be amazed and delighted
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);

There are comments at stopgeek.com explaining how to slow it down (which I tried and it works) and how to write is as a function too, but I haven't tried that one yet.

I think this is a nice introduction to the power of javascript

2 comments:

Daniel Livingstone said...

Now that is something else!
Works on your page too!

Bill Kerr said...

So it does, thanks daniel! That's better than a flickr badge!

Makes me laugh