Step 2. Siapkan images (gambar) dan tampilkan dengan tab 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)
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
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
