Plugin Gallery Lightbox untuk Semua Platform

by Admin
02 Juli 2017
1546 Views

Plugin Gallery Lightox

Plugin GalleryLightox adalah sebuah plugin jquery untuk membuat galeri sederhana dengan lightbox, cocok dan dapat digunakan untuk hampir semua platform cms. Begitu mudah digunakan, sangat keren, dan memiliki beberapa fungsi untuk website atau blog yang anda miliki.
Sebelum menggunakan, anda harus Mengunduh Gallery Lightbox Package, meletakan pada root directory website atau blog anda, kemudian memanggil perpustakaan Gallery Lightbox seperti ditunjukkan di bawah.

Pelajari Cara menambah elemen detail galeri

Contoh 1

Membuat Grid Gallery Lightbox dengan struktur html sederhana:

Url pertama adalah url gambar utama. Url kedua adalah url gambar thumbnail. Anda dapat menggunakan gambar yang berbeda untuk thumbnail.

Baca juga tentang Membuat Galeri atau Slider Post

Tambahkan jquery seperti tampak dibawah ini, diatas tag

Angka 6 didalam jquery diatas menunjukan jumlah grid dalam gallery. Dan dibawah ini adalah hasil Gallery Lightbox yang kita buat dengan grid 6:

Contoh 2

Jika anda Ingin membuat sebuah gallery tanpa grid, atau anda ingin menggunakan gaya desain anda sendiri. Nilai yang harus anda rubah adalah grid: 6 dalam jquery tersebut diatas.

Berikut adalah contoh gallery tanpa grid, dengan merubah grid: 6 menjadi grid: 0

Hasilnya seperti tampak dibawah ini:

Contoh 3

Lightbox hanya untuk satu gambar

Jika Anda ingin hanya menetapkan lightbox untuk satu gambar, atau beberapa gambar yang tidak berhubungan satu sama lain Anda dapat mencoba metode berikut.

Berikut contoh dari jquery diatas:

Pada contoh ke 3 ini biasanya digunakan dalam sebuah blog atau website yang memberikan artikel-artikel untuk tujuan sebagai tutorial.

DEMO Gallery Lightbox

~ Silahkan Unduh Plugin Gallery Lightbox dan selamat mencoba! ~