Lightbox Lightbox dengan Lightgallery.js
Mana-mana laman web blog atau portfolio yang hebat boleh mendapat manfaat daripada a tayangan gambar lightbox modal. Ini boleh menjadi baik mempamerkan foto berkaitan atau membiarkan pelawat semak melalui portfolio kerja (reka bentuk, seni, fotografi).
Dengan lightgallery.js, anda hanya memasang perpustakaan dan biarkan ia berjalan. Anda boleh menetapkannya dengan bilangan gambar dan setiap slaid mengambil keseluruhan skrin.
Saya sangat suka plugin ini berbanding tayangan slaid lain yang hanya mengambil sebahagian daripada skrin. Dengan lightgallery.js, semua fokus pergi ke tayangan slaid dan imej yang pertama kelihatan.
Di bahagian bawah setiap slaid, anda boleh mencari huraian kecil dengan pautan atau apa sahaja teks yang anda mahukan.
Di penjuru kanan sebelah atas, anda akan melihat a siri butang untuk ciri lanjutan. Agar mereka pergi seperti ini:
- Main tayangan slaid
- Zum masuk / keluar
- Skrin penuh penyemak imbas
- Perkongsian sosial
- Muat turun imej
- Tutup tayangan slaid
Anda boleh memilih dan memilih mana-mana butang yang anda mahu paparkan mengedit pilihan apabila anda memanggil plugin.
Sebenarnya, saya tersesat dengan berapa banyak maklumat yang masuk ke dalam dokumentasi. Ia mempunyai butiran untuk pilihan dan kaedah panggilan balik. Tetapi anda juga akan mencari info untuk atribut data adat, Pembolehubah Sass, dan juga a plugin API untuk membina modul ke lightgallery.
Oh, dan adakah saya menyebutnya benar-benar mesra mudah alih? Anda boleh sapu foto melalui galeri dengan jari anda atau bahkan dengan tetikus.
Ia adalah pilihan yang sempurna untuk pereka atau jurugambar yang mahukan kaedah yang bijak untuk memaparkan portfolio mereka di laman web mereka.
Anda juga boleh menanamkan iframes atau video dari laman web seperti YouTube atau Vimeo. Ini benar-benar plugin plugin lightbox terbaik yang menawarkan pengalaman pengguna terbaik.
Perpustakaan ini adalah bebas daripada semua kebergantungan dan ia berjalan pada JavaScript tulen. Tetapi ia bermain bagus dengan perpustakaan besar seperti jQuery atau Bootstrap juga.
Jika anda lebih suka ini sebagai plugin jQuery terdapat plugin lightgallery.js yang dialihkan untuk pengguna jQuery. Anda boleh melihat a demo penuh pada halaman demo atau periksa pen bawah. Dan jika anda memerlukannya kod sumber pergi ke Repo GitHub dan ambil salinan untuk diri anda sendiri.
