Minggu, 22 November 2009

Membuat Gambar Melayang pada Browser

Sesuai judul di atas, saya akan berbagi Trick unik yang mungkin belum pernah Anda temui sebelumnya. sumber ini dari blog Setetes Embun yakni milik kakakku. Trick ini adalah trick membuat Gambar Melayang pada Browser atau saya sebut 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.


[KLIK GAMBAR UNTUK MEMPERBESAR]



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

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

2. Buka sembarang Web. Misalkan Facebook. Atau jika anda menginginkan efek yang jelas, buka http://images.google.com

3. 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).

4. 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 menjadihttp://www.blogger.com/img/blank.gifkannya 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 sampai berhasil. ^^

Demikian tutorial kali ini, Sampai jumpa dan Selamat Mencoba.

sumber : Membuat Gambar Melayang pada Browser

0 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More