Cara Membuat Gallery Foto Dengan jQuery Part 1

Hai semuanya kali ini kita akan membuat halaman gallery foto tapi dengan jQuery. Pertama kita akan siapkan beberapa gambar yang akan dijadikan sebagai gallery lalu isi HTMLnya sangatlah sederhana yakni terdapat class slider yang didalamnnya ada 4 <div> lalu <div> nya sendiri punya gambarnya masing masing. Kemudian jangan lupa kita akan load library jquerynya pada halaman HTMLnya sebagai berikut

ketika kita jalankan maka semua gambarnya akan muncul untuk itu Kita rapikan sedikit dengan CSS pertama kita mau semua gambarnya lebarnya 100% lalu bagian kotak slidernya saya berikan max-lebarnya 400px yang akan diletakkan ditengah tengah dan kita mau semua <div> gambarnya akan disembunyikan.

tapi pada kasus aslinya kita tidak mau menghilangkan semuanya kita akan buat salah satu gambarnya tampil untuk itu saya akan menuliskan metode first() pada bagian kode jquerynya sebagai berikut

kode diatas artinya memilih elemen <div> tapi hanya yang pertamanya saja yang akan kita berikan display block. maka hasilnya kita sudah punya satu gambar yang otomatis tampil. Untuk bagian pertama cukup sampai disini kita akan lanjutkan pada bagian berikutnya terima kasih.

7 Oktober 2016

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