HTML Gravity

Monochroms officeDid you know images have weight and can fall of websites? Yes, they can. Truth is, they are held in position by fixation, you can remove the fixation of images.

Click on html gravity or drag-drop it to your browser bar to let all images fall off any website.

Written by Leo Sauermann in 2008, GPL license applies

Leave comments at blogpost.

Examples

nice phone from Patrick

Leo & Inkel

Source

<a href="javascript:mvin=Array();SPEED=0;MAXH=document.height;function A(){SPEED=(SPEED+2.0)*0.9;for (i=mvin.length-1;i>=0;i--){m=mvin[i];y=m.y+SPEED;if((y+m.height)>MAXH)mvin.splice(i,1);else m.style.top=y;}}for(i=document.images.length-1;i>=0;i--){im=document.images.item(i);/*abs pos*/x=0;y=0;element=im;while(element){x+=element.offsetLeft;y+=element.offsetTop;element = element.offsetParent;}cln = im.cloneNode(true);cln.style.position='absolute';cln.style.left= x;cln.style.top= y;/*savewidth*/im.width=im.width;im.height=im.height;im.src='data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==';mvin.push(document.body.appendChild(cln));}mvid=setInterval('A()',50);void(0);">html gravity</a>