Beberapa waktu lalu, saya mengembangkan sebuah situs yang ingin menampilkan beberapa produk yang dimiliki oleh sister site-nya. Produk yang akan ditampilkan lumayan jumlahnya sehingga membutuhkan space yang cukup besar.
Untuk mengurangi kebutuhan spacenya, ada 3 solusi yang terpikirkan yaitu dengan menggunakan iframe, div dengan scrollbar atau Carousel.
Akhirnya, diputuskan untuk menggunakan Carousel yang setelah diimplementasikan sangat mengurangi kebutuhan spacenya dibandingkan jika memuat kontennya tanpa Carousel.
Contoh Horizontal Carousel
Berikut ini daftar 13 script Carousel dengan 4 macam Javascript library yang sempat saya kumpulkan yang mungkin berguna suatu waktu.
jQuery
- Agile Carousel
- jCarousel
- Step Carousel Viewer
- Glider
- Coda Slider
- Better Coda Slider
- Scrollable – artikel terkait
Yahoo! UI
Prototype + Scriptaculous
MooTools
Jika sudah menggunakan Javascript library versi terbaru, jangan lupa untuk mengecek kompabilitasnya terlebih dahulu karena beberapa script Carousel tidak diupdate secara berkelanjutan.
jCarousel yang akhirnya saya gunakan bisa berjalan baik dengan jQuery versi 1.2.6 meskipun di webnya diupdate terakhir dengan v.1.2.3.
Semoga bermanfaat dan mohon ditambahkan jika ada yang mengetahui script Carousel lainnya.
deny, berguna banget. pas lagi membandingkan juga, tapi belum coba. boleh tahu kenapa pilih jcarousel bukan better coda slider? apa kelebihan yg elu cari? thx
karena jcarousel bisa autoscrolling / slideshow, tya.
selain itu, jcarousel punya banyak options yang bisa diubah-ubah.
jadi, kemarenan pilih jcarousel karena kebutuhan web yang dikerjain aja, tya.
thanks for coming :)
aha, bisa autoscrolling. jadi jalan sendiri sampai user klik. mau pakai juga ah. thanks.
btw, great blog. selalu baca kok.
kalo cara pasang di blogspot gimana ya mas?