Dalam percobaan kecil ini kita akan menciptakan sebuah meja interaktif foto yang menyediakan fitur "realistis" yang memungkinan interaksi bagi para pengguna. Idenya adalah untuk memiliki beberapa foto pada permukaan yang dapat menyeret (drag) dan menjatuhkan (drop), ditumpuk (stack) dan dihapus (delete).
Sebagai contoh, jika kita tarik gambar, kita mengambil gambar pertama, sehingga tampak sedikit lebih besar, karena akan dekat dengan kita. Dropping / Menjatuhkan itu menghasilkan gambar yang "dibuang kembali / thrown back" ke meja, dalam rotasi acak. Mengklik untuk melihat yang berikutnya, membuat yang di lemparkan (thrown back) kembali ke permukaan. Menghapus gambar akan membuat gambar tampak sebagai bola kertas kusut.
Bila menggunakan fungsi shuffle, foto-foto bisa diputar dan tersebar di meja secara acak.
Anda dapat men-download kode sumber ini dan bereksperimen dengan file tsb, ada banyak lagi kemungkinan untuk menemukan dan mengintegrasikan.
Kami menggunakan dua plugin penting jQuery: 2D Transform untuk menghidupkan rotasi dan Shadow Animation untuk menghidupkan kotak bayangan.
Rotasi tidak bekerja dengan baik dengan IE (walaupun pada prinsipnya seharusnya) sehingga tidak memutar ketika IE digunakan.
Kami harap Anda menikmati percobaan kecil ini! Sekian dan terima kasih, jangan lupa tinggalkan jejak anda.