Photo shooting effect menggunakan PhotoShoot jQuery plug-in

By Yadi Rosadi on February 17, 2010

jQuery memang tak ada matinya apapun yang di hasilkan sungguh menakjupkan, salah satunya adalah PhotoShoot jQuery plugin ini jQuery PhotoShoot adalah plugin yang memberikan kemampuan kepada anda untuk dapat mengkonversi bagian div pada web page anda menjadi efek shooting photo yang menakjupkan. Dengan menggunakan plug-in ini, anda dapat mengambil gambar dari background gambar. Setiap kali Anda mengklik daerah tertentu pada gambar background, shot baru akan ditambahkan ke div dengan margin negatif ke kanan.
photo-shot
Teknik yang digunakan pada plug-in ini cukup sederhana, tumpukan atas pada sekelompok divs, masing-masing akan mengholding foto sebagai latar belakang dan kemudian yang opacity akan diturunkan, satu di atas yang lain. Kemudian divs ‘positions off oleh beberapa pixel secara acak, sehingga efek yang dihasilkan pada gambar background akan kabur dan photo yang terkena shot akan berada diatasnya dan terlihat jelas.