Tampilan Galeri Foto dengan JQuery Zoomooz

Membuat Efek Zoom pada Galeri Foto dengan JQuery Zoomooz

Everyone loves images. Image atau Foto memang tidak bisa terpisahkan dari suatu website. Keberadaan image tentunya akan mempercantik tampilan suatu website. Di dalam suatu website, image dapat berfungsi sebagai background, header, logo, header slider, menu navigasi, dan masih banyak yang lainnya. Selain itu, koleksi image atau foto yang kita miliki juga dapat ditampilkan dalam suatu galeri foto (image gallery) yang akan melengkapi isi dari website kita.

Masih terkait dengan image dan foto, dalam tutorial singkat ini, kita akan membahas mengenai bagaimana membuat galeri foto (image gallery) yang memiliki efek zoom (zooming effect) jika diklik pada salah satu foto. Kita akan menggunakan JQuery dan plugin Zoomooz untuk membuat efek zoom. Penasaran? Langsung aja kita mulai.

Buku Gratis! JQuery: Novice to Ninja dari Sitepoint. Hanya hari ini!

Sitepoint merupakan salah satu situs favorit saya. Situs ini menyajikan banyak artikel, tutorial, referensi hingga buku-buku berkualitas mengenai pengembangan web (web development). Dalam rangka meramaikan piala dunia 2010, Sitepoint mengadakan suatu permainan unik. Sebanyak 8 buku dipilih. Masing-masing mewakili negara peserta piala dunia yang masuk perdelapan final. Lalu apa uniknya? Selama babak per-delapan final berlangsung, ke-8 buku tersebut di-diskon hingga 33%. Jika suatu negara gugur maka, buku yang mewakilinya juga akan gugur dan tidak ada diskon lagi. Demikian seterusnya hingga babak final, diskon akan ditambah terus sampe pada akhirnya buku akan digratiskan!!

Dan pemenangnya adalah buku “JQuery: Novice to Ninja”. Buku yang sangat bagus ini, dapat Anda download gratis!! Buruan, hanya hari ini!

Image Slideshow dengan JQuery dan Plugin Nivo Slider

Saat ini tersedia banyak script, library atau cara membuat image slideshow di internet, namun menemukan script yang mudah dalam penggunaannya, sederhana dalam penerapannya, ringan dan juga didukung oleh banyak browser, masih cukup sulit. Nivo Slider merupakan salah satu plugin JQuery yang sangat sederhana dan (setidaknya menurut saya) memenuhi kriteria tersebut. Untuk membuat image slideshow, plugin ini sudah lebih dari cukup. Berikut ini penjelasan dan contoh penggunaannya.

1 2