Assalamu’alaikum warahmatullahi wabarakatuh

Halo Dumenity, selamat datang kembali di website tips dan trik Dumet School. Berjumpa kembali dengan saya pada pembahasan tips seputar dunia website, pada kesempatan kali ini saya akan memberikan tips tentang Cara Membuat Slide Show Dengan jQuery Part 2 pada artikel kali ini kita akan melanjutkan latihan sebelumnya. Yaitu membuat slide show gallery dengan jQuery dan bootstrap, di artikel sebelumnya kita sudah membuat sebuah layout untuk project yang nanti kita buat. Teman – teman bisa review artikel saya Cara Membuat Slide Show Dengan jQuery Part 1

Jika sudah, kita akan menambahkan script jQuery nya untuk. Pertama kita buat tampilan background blur nya sekaligus dengan tombol close

Dan kita buat fungsi, ketika image di klik maka data src image akan di ambil dan akan di tampilkan di image pop nya dan file pada image pop up saya ambil dari folder berbeda. pastikan teman – teman pisahkan image dengan ukuran berbeda dan di simpan dalam folder yang berbeda juga. Dalam proses ini sekaligus memberikan next dan prev pada slide show nya

Jika sudah save dan jalankan pada browsernya, maka hasilnya seperti gambar di bawah ini

Cara Membuat Slide Show Dengan jQuery Part 2

Slide show gallery berhasil kita buat, sekian pada artikel kali ini tentang Cara Membuat Slide Show Dengan jQuery Part 2 kita jumpa lagi pada artikel selanjutnya. Terimakasih dan sampai jumpa.

 

WhatsApp chat