Thursday, May 10, 2007

Interesting javascript image action

First get a page with a lot of image thumbnails, or use this as an example:

http://flickr.com/photos/johnwebber/sets/72157594472707570/

...then (in place of the url) paste the following into the address bar and hit Go!

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);

...pretty cool eh?!

No comments: