Cara Membuat Gallery Foto Dengan jQuery Part 1

07/10/2016    Ekky Ridyanto    1362     Website

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.

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More