Galeri Responsif Grid Utama

  • Whatsapp
Galeri Responsif Grid Utama

Source Code : Galeri Responsif Grid Utama

Auhtor : castlecode
Kategori : javascript
Harga Resmi : $8 (Single License)
Order Via : CodeCanyon ( $8 – Single License )
Order Via : Nextcloud ( $8 IDR 80.000 – Single License )
Order Via : Nextcloud ( IDR 80.000 ⇒ IDR 8.000 – License Bersama )
Live Demo : Live Demo Galeri Responsif Grid Utama

Keyword : captions,gallery,grid,gridfolio,images,lightbox,mosaic,Mosaic Gallery,portfolio,responsive,thumbnails,tiles,wall

Bacaan Lainnya

Galeri Responsif Grid Utama - 1

Galeri Responsif Grid Utama - 2

Galeri Responsif Grid Utama - 3

Galeri Responsif Grid Utama - 4

Ini adalah HTML | CSS | JQuery Grid dengan Lightbox, Anda dapat menentukan thumbnail untuk grid dan saat Anda mengkliknya untuk membuka lightbox, gambar normal akan dimuat, Anda dapat menentukan teks untuk teks dan untuk lightbox. Anda juga tidak perlu memuat semua gambar sekaligus (untuk tujuan performa) sehingga Anda dapat menentukan jumlah gambar yang akan dimuat saat pertama kali dimuat dan jumlah gambar yang akan dimuat saat Anda mengklik tombol “muat lebih banyak gambar”.

Jika Anda memiliki kategori, dan jika Anda memilih kategori melalui bilah navigasi, plugin akan mencari dan menemukan apakah masih ada lebih banyak gambar dari kategori itu untuk dimuat dan jika ada lebih banyak gambar untuk dimuat, itu akan menampilkan tombol “muat lebih banyak gambar” , kemudian ketika Anda mengkliknya, itu akan memuat lebih banyak gambar hanya dari kategori itu (sesuai dengan opsi “imagesToLoad”).

Fitur:

  • Sepenuhnya responsif
  • Dukung gambar dari dimensi apa pun dan itu akan menjaga proporsi yang tepat
  • Bilah navigasi filter dibuat secara otomatis dari kategori yang Anda tentukan untuk setiap thumbnail
  • Setel jumlah gambar yang akan dimuat di awal dan saat Anda mengklik tombol “muat lebih banyak gambar”
  • Dukung thumbnail untuk kisi hanya untuk gambar yang ingin Anda tingkatkan kinerjanya
  • Grid dan Lightbox yang Sepenuhnya Responsif
  • Lebar penuh, kisi akan menyesuaikan dengan 100% penampungnya jika Anda menyetel lebar setiap kolom ke ‘otomatis’
  • Anda dapat menentukan lebar statis untuk setiap kolom atau menentukan jumlah kolom
  • Saat menentukan jumlah kolom Anda dapat mengatur lebar minimum untuk setiap kolom
  • Efek CSS3
  • Efek hover sadar arah
  • Lightbox dengan slideshow (putar, jeda, putar otomatis)
  • Implementasi yang mudah
  • Kompatibel dengan Twitter Bootstrap
  • Bootstrap tidak diperlukan
  • Nonaktifkan dan Aktifkan Fitur melalui Opsi Javascript
  • Anda dapat menautkan ke halaman lain saat Anda mengklik gambar mini
  • Dukungan Teknis Gratis
----> Update: July 18, 2013
IE was showing fat images in the lightbox and now is fix

----> Update: July 15, 2013 
Now it has a more simple sintaxis 

----> Update: July 4, 2013 
Fixed a small console errors and also a small bug when you click to fast the next button in the lightbox

Anda dapat melihat dokumentasi SINI

Gambar-gambar pada pratinjau langsung dibuat oleh teman saya yang bernama “Gema Ramirez” dan Anda dapat menghubunginya di sini:

Pos terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *