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.

27 Februari 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat