Membuat gambar melayang pada browser

Sesuai judul di atas, gw akan berbagi Trick unik yang mungkin belum pernah Anda temui sebelumnya. Trick ini adalah trick membuat Gambar Melayang pada Browser atau disebut sebagai Floating Image on Web Browser. Apa sih maksudnya? Anda akan dapat membuat gambar-gambar diam seperti pada account Facebook Anda menjadi gambar bergerak yang berputar-putar dan melayang pada browser.


Langsung saja, bagi yang ingin mencoba, berikut ini cara membuatnya :


Copy syntax berikut :
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);


Buka sembarang Web. Misalkan Facebook. Atau jika anda menginginkan efek yang jelas, buka http://images.google.com
Paste Code yang telah Anda Copy pada Address Bar (kotak tempat anda memasukkan alamat web pada browser) pada halaman yang Anda buka pada lagkah kedua (Facebook).
Tekan ENTER
Bingo!!! Kini Anda telah mendapati gambar-gambar yang semula Statis pada browser Anda menjadi Bergerak, melayang, dan berputar-putar. Jangan khawatir, untuk menghilangkan efek Floating pada browser Anda dan menjadikannya kembali normal, lakukan Refresh atau dengan menekan tombol F5.

Trik ini tidak hanya dapat dilakukan pada Facebook, tetapi pada sembarang Website, seperti Google, Twitter, Wikipedia, Plurk, dan lain-lain. Jika Anda belum mendapatkan efek yang jelas, buka website yang memilki banyak gambar seperti http://images.google.com/ dan lakukan langkah-langkah di atas.

Sebagai informasi tambahan, uji coba trick ini berhasil gw lakukan pada Browser Internet Explorer dan Mozilla Firefox.

Demikian tutorial kali ini, Sampai jumpa dan Selamat Mencoba.