Berikut cara menggunakan views nivo slider untuk slideshow gambar. Sebelumnya di website ini menggunakan view slideshow, tapi lama-lama bosan juga pingin ganti slideshow yang lebih menarik. Contohnya dapat dilihat di website dhafy web development atau di sini dev7studios.
Pertama download dan install module yang diperlukan CCK, Filefield, Imagefield, Imageapi, Imagecache, jQuery Update, Views, Views Nivo Slider.
Setelah module aktif, berikutnya membuat content yang ada di admin/content/types/add. Bisa dilihat digambar bawah, sebuat content dengan nama Header dan memiliki sebuah field Image yang dibuat dengan menggunakan CCK - Imagefield. Untuk pembuatan content tidak dibahas secara detil.
Berikutnya membuat imagecache admin/build/imagecache/add, ukuran image dapat disesuaikan dengan keinginan. Sekali lagi pembuatan imagecache tidak dibahas secara detil.
Setelah selesai membuat imagecache, berikutnya membuat views untuk menampilkan slideshow tersebut, admin/build/views/add.
Untuk Fields pilih Content: Image (field_header_image) yang sudah dibuat pada saat pembuatan content dan untuk tampilannya pilih sesuai dengan imagecache (header image)yang sudah dibuat.
Pada style pilih Views Nivo Slider. Untuk konfigurasinya bisa diklik icon gear.
Bisa dilihat dibawah aku menggunakan Nodequeue, Nodequeue ini berfungsi membuat daftar content yang diinginkan.
Sebagai tambahan, views nivo slider ini terdapat caption dengan latar transparan pada bawah gambar slideshow. Untuk teks yang ditampilkan bisa diatur pada saat pembuatan content, yaitu aktifkan Custom Title. Maksudnya disini adalah pada saat kita mengisi node gambar tersebut maka titlenya bisa kita isi sendiri secara manual. Jika mau otomatis maka Default Title text bisa diisi dengan Token dan Token tambahan untuk imagefield. Untuk daftar token tersebut bisa dilihat di Replacement Value.
Cara lain menentukan caption bisa dilihat di Row Style, disini konfigurasinya lengkap tinggal dipilih field yang sesuai saja.
Jangan lupa save views tersebut. Untuk penggunaan display views bisa dibuat block, page atau menggunakan panel. Sekian catatan kali ini, agak kurang komplit dari isi dan kata-kata. Maklum lagi ngantuk habis sahur bikinnya.
Sumber: brightwebsitedesign.com