Lightgallery.js ile Tam Ekran Işık Kutusu Slayt Gösterileri
Herhangi bir harika blog veya portföy web sitesi, modal lightbox slayt gösterisi. Bu için iyi olabilir ilgili fotoğrafları gösterme veya ziyaretçilere izin vermek bir çalışma portföyüne göz atın (tasarım, sanat, fotoğrafçılık).
İle lightgallery.js, Sen sadece kütüphaneyi kurun ve bırak çalışsın. Ayarlayabilirsiniz herhangi bir sayıda fotoğraf ile ve her slayt tüm ekranı kaplar.
Bu eklentiyi, ekranın yalnızca bir bölümünü alan diğer slayt gösterilerinde tercih ederim. Lightgallery.js ile, tüm odaklanma slayt gösterisine gider ve ilk görünen görüntü.
Her slaydın altında küçük açıklama bağlantılarla veya istediğiniz metinle.
Sağ üst köşede, düğme serisi için genişletilmiş özellikler. Sırayla, böyle giderler:
- Slayt gösterisini oynat
- Yakınlaştır / uzaklaştır
- Tarayıcı tam ekranı
- Sosyal paylaşım
- Görüntü indir
- Slayt gösterisini kapat
Bu düğmelerden hangisini görüntülemek istediğinizi seçebilir ve seçebilirsiniz. seçenekleri düzenleme eklentiyi aradığınızda.
Aslında, belgelere ne kadar ayrıntı girdiğine şaşırdım. İçin detayları var seçenekleri ve geri arama yöntemleri. Ancak bunun için bilgi de bulacaksınız özel veri özellikleri, Sass değişkenleri, ve hatta bir eklenti API Lightgallery üzerine modüller oluşturmak.
Oh, bahsettim mi Tamamen mobil dostu? Fotoğraflarınızı galeride parmağınızla veya hatta fareyle kaydırabilirsiniz.
Portföylerini sitelerinde göstermek için mükemmel bir yöntem isteyen bir tasarımcı veya fotoğrafçı için mükemmel bir seçimdir.
Sen bile iframe veya videoları göm YouTube veya Vimeo gibi sitelerden. Bu gerçekten mümkün olan en iyi kullanıcı deneyimini sunan en iyi lightbox galeri eklentisi.
Bu kütüphane bütün bağımlılıklardan arınmış ve o saf JavaScript ile çalışır. Ama o büyük kütüphanelerle güzel oynuyor jQuery veya Bootstrap gibi.
Bunu tercih edersen jQuery eklentisi olarak jQuery kullanıcıları için bir lightgallery.js eklentisi var. Görebilirsiniz tam demo üzerinde demolar sayfası ya da kontrol et altındaki kalem. Ve gerekirse kaynak kodu yönelmek GitHub deposu ve bir kopyasını almak kendin için.