Membuat Slideshow Sederhana dengan JQuery

Halo dumenity bertemu lagi dengan saya di dumet blog pada kesempatan kali ini saya akan membahas bagaimana membuat slideshow sederhana dengan jQuery dan CSS.  Yang kita butuhkan dalam membuat sebuah slideshow sederhana yaitu file index.html sebagai tampilan struktur dari slideshow, library JQuery dan fungsi jquerynya dan beberapa gambar yang ingin kita gunakan sebagai gambar slideshow.

disini saya sudah menyediakan beberapa gambar dalam satu folder yang bernama img, masing-masing gambar saya beri nama img1, img2,dan img3 untuk memudahkan dalam memanggil gambar. Sekarang kita akan memanggil gambar yang sudah kita siapkan dalam folder gambar tadi dan menampilkan gambarnya didalam file index.html.

ketikkan syntax cssnya

pada selector .slider > div dengan property position:absolute agar gambar tertumpuk menjadi satu. Kemudian tambahkan fungsi jquery untuk membuat efek yang membuat ke-tiga gambar tersebut dapat berubah ubah.

dan hubungkan dengan library jQuerynya

sekarang coba temen temen jalankan pada browser dan akan terlihat ketiga gambar tersebut akan terjadi perubahan.

Semoga Bermanfaat.