in JQuery, Web Development
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.
Plugin ini memiliki 9
[sembilan] jenis efek transisi dan juga tersedia berbagai pilihan [setting]. Kesembilan efek transisi yang saat ini sudah disediakan oleh plugin ini yaitu sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft, fold, fade dan random. Disamping itu kita juga dapat membuat fungsi atau efek sendiri. Untuk penggunaanya, plugin ini tidaklah rumit. Kita cukup menyiapkan image / gambar yang akan ditampilkan dengan menggunakan tag
Slideshow yang terbentuk dapat berjalan dengan baik di berbagai browser mulai dari IE 7+, Firefox 3+, Google Chrome 4+, Safari 4+ hingga Opera 10.5+. Nivo Slider tersedia secara cuma-cuma dengan lisensi MIT License. Kita dapat mendownload library ini di situsnya dalam dua versi: versi production [6 KB] dan versi development [12 KB]. Sangat ringan bukan?
Berikut ini step by step dan juga contoh lengkapnya dari penggunaan plugin Nivo Slider ini.
Step 1. Sertakan library JQuery dan NivoSlider [JS dan CSS]
Pada contoh di atas, library JQuery diambil langsung dari server Google. Anda dapat menggantinya jika memang ingin menggunakan library jQuery di server / komputer Anda sendiri.
Step 2. Siapkan images [gambar] dan tampilkan dengan tab