Layar Penuh Lightbox Slideshow dengan Lightgallery.js
Setiap blog atau situs web portofolio yang hebat dapat mengambil manfaat dari a modal tayangan slide lightbox. Ini bagus untuk menampilkan foto terkait atau membiarkan pengunjung telusuri portofolio pekerjaan (desain, seni, fotografi).
Dengan lightgallery.js, Anda hanya instal perpustakaan dan biarkan berjalan. Anda dapat mengaturnya dengan sejumlah foto dan setiap slide memakan seluruh layar.
Saya jauh lebih suka plugin ini daripada tayangan slide lain yang hanya mengambil sebagian layar. Dengan lightgallery.js, semua fokus masuk ke tampilan slide dan gambar pertama yang terlihat.
Di bagian bawah setiap slide, Anda dapat menemukan a deskripsi kecil dengan tautan atau teks apa pun yang Anda inginkan.
Di sudut kanan atas, Anda akan melihat a serangkaian tombol untuk fitur yang diperluas. Agar, mereka pergi seperti ini:
- Mainkan rangkai salindia
- Memperbesar / memperkecil
- Layar penuh peramban
- Berbagi sosial
- Unduhan gambar
- Tutup tayangan slide
Anda dapat memilih dan memilih tombol mana yang ingin Anda tampilkan mengedit opsi ketika Anda memanggil plugin.
Sebenarnya, saya terpesona dengan banyaknya detail yang masuk ke dalam dokumentasi. Ini memiliki detail untuk pilihan dan metode panggilan balik. Tetapi Anda juga akan menemukan info untuk atribut data khusus, Variabel Sass, dan bahkan a API plugin untuk membangun modul ke lightgallery.
Oh, dan apakah saya menyebutkannya sepenuhnya mobile-friendly? Anda dapat menggesek foto melalui galeri dengan jari Anda atau bahkan dengan mouse.
Ini adalah pilihan yang sempurna untuk seorang desainer atau fotografer yang menginginkan metode cemerlang untuk menampilkan portofolio mereka di situs mereka.
Anda bahkan bisa embed iframe atau video dari situs-situs seperti YouTube atau Vimeo. Ini benar-benar adalah plugin galeri lightbox terbaik yang menawarkan pengalaman pengguna terbaik.
Perpustakaan ini bebas dari semua ketergantungan dan itu berjalan pada JavaScript murni. Tetapi bermain bagus dengan perpustakaan besar seperti jQuery atau Bootstrap juga.
Jika Anda lebih suka ini sebagai plugin jQuery ada plugin lightgallery.js porting untuk pengguna jQuery. Anda bisa melihat demo penuh di halaman demo atau lihat pena di bawah ini. Dan jika Anda membutuhkannya Kode sumber kepala ke Repo GitHub dan ambil salinannya untuk dirimu.