Cara Membuat Gallery Foto Dengan jQuery Part 4

Untuk menjalankannya sendiri kita butuh bantuan metode setInterval dijavascript dimana akan ada dua parameter yang pertama adalah fungsi yang akan dijalankan lalu parameter yang kedua yang kita pisahkan dengan tanda koma yakni waktunya mau berapa lama. Berikut bentuk penulisannya

Jadi kode diatas artinya setiap 2 detik kita akan menjalankan fungsinya secara berulang-ulang berdasarkan waktu yang di tentukan itu tugas dari metode setInterval. Didalamnya kita akan ubah indexnya dengan menambahkan satu setiap autoslidenya jalan

karena gambar kita terbatas kita tidak mau nambah satu terus maka dari itu kita akan uji apakah index yang aktif lebih besar dari totalnya jika benar maka kita mau mengubah index menjadi 0 lagi.

kenapa totalnya dikurangin satu ? karena indexnya dimulai dari 0. Lalu kita akan panggil fungsi slidenya yang sebelumnya kita buat

hasil gambarnya akan otomatis berubah berdasarkan waktu yang ditentukan. Bagus sekali kita sudah berhasil membuat slideshow yang cukup sederhana dengan jQuery. Selamat mencoba dan sampai jumpa.