Saturday, October 21, 2006

amazing javascript

amazing and very cool trick with javascript from
  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";*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);

There are comments at 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


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