Mobil Duyarlılık için 15 Lightbox Kütüphanesi
Lightbox bir popüler yoludur web üzerinde yer paylaşımı görüntüleri. Bir görüntüye tıkladığınızda, Lightbox bir tür animasyonla açılır ve arka planını karartır, böylece odak noktanız görüntünün kendisindedir. Görüntü ölçek olarak daha büyüktür. Yıllardır bildiğimiz en popüler Lightbox JavaScript kitaplıkları, masaüstünde bunu iyi bir şekilde yapmanıza izin verir, ancak mobil platformlarda çok fazla değil.
Bunu ihmal etmek ve yanıt verme ihtiyacı, günümüzde iyi bir fikir değil, bu yüzden 15 duyarlı Lightbox kütüphanesinin bu koleksiyonuna bakılmalıdır..
Hongkiat hakkında daha fazlası:
- HTML5 İletişim Kutusuyla Kolayca Kalıcı Pencere Oluşturma
- En İyi 10 Ücretsiz Duyarlı Resim Galerisi / Slayt Gösterisi
- Vex Kullanarak Siteniz İçin Daha İyi Kalıcı Pencere Oluşturma, Kontrol Etme ve Özelleştirme
- jQuery Resim Galerileri ve Sürgüleri - Best Of
PhotoSwipe
PhotoSwipe şimdiye kadar en sevdiğim ligthbox eklentisi. Hafif, dokunmaya duyarlı ve en önemlisi modüler, gerekli olmayan birkaç parçayı açmama izin veriyor. Mobil tarayıcılarda iyi çalışır. Yerel bir uygulamada yaptığınız gibi görüntüler arasında parmaklarınızla hızlıca gezinebilirsiniz ve geçiş gerçekten pürüzsüz.
- Bağımlılık: Yok
- Tarayıcı Desteği: IE8 +, Chrome, Firefox, Safari, Opera ve birkaç mobil tarayıcı.
- Lisans: MIT lisansı
MagnificPopup
MagnificPopup bize PhotoSwipe, Dmitry Semenov'u veren aynı kişi tarafından geliştirilen bir başka lightbox eklentisi. Bir jQuery / Zepto eklentisi şeklinde gelir ve ayrıca Video, Harita ve Ajax içeriği desteği gibi PhotoSwipe'da eksik olan yetenekleri de getirir. Bu, daha fazla özelliğe sahip olmak isteyenler için harika bir alternatif..
- Bağımlılık: jQuery 1.9.1+ veya Zepto.js
- Tarayıcı Desteği: IE7 (kısmen), IE8 +, Chrome, Firefox, Safari ve Opera.
- Lisans: MIT lisansı
SwipeBox
Swipebox mobil platform için dokunmatik jest destekli bir jQuery eklentisidir. Ayrıca görüntülerin yanı sıra Youtube ve Vimeo'daki videoları da destekliyor. Swipebox da tamamen düpedüz kolaydır ve davranışını özelleştirmek için bir avuç seçenek vardır. Swipebox, JavaScript noobs için harika bir lightbox eklentisi olduğunu düşünüyorum.
- Bağımlılık: jQuery
- Tarayıcı Desteği: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android ve Windows Phone.
- Lisans: Tanımsız
iLightbox
iLighbox video, Flash / SWF, Ajax içeriği, iframe ve haritalar dahil çok çeşitli medya türlerini destekleyen bir jQuery lightbox eklentisidir. Bu eklenti aynı zamanda medyanın üzerine sosyal medya düğmeleri ekleyerek kullanıcılarınızın Facebook, Twitter veya Reddit ile paylaşmasını sağlar. Ayrıca iLightbox'ın farklı senaryolarda nasıl uygulanabileceğini görmek için gelişmiş bölüme bakın..
- Bağımlılık: jQuery
- Tarayıcı Desteği: IE7 +, Chrome, Firefox, Safari ve Opera
- Lisans: Tanımsız
Önyükleme için Lightbox
Hafif kutu Bootstrap'ın göze çarpmayan parçalarından biri. Bu eklenti bunu düzeltir. Bootstrap kullanıyorsanız, bu kütüphaneyi kullanmanızı şiddetle tavsiye ediyorum. Eklenti Bootstrap kod tabanlı ile iyi entegre.
- Bağımlılık: jQuery ve Önyükleme Modu
- Tarayıcı Desteği: IE8 +, Chrome, Firefox, Safari ve Opera
- Lisans: GNU lisansı
Nivo Işık Kutusu
Nivo Işık Kutusu esnek bir lightbox eklentisidir. Görünümü, temayı değiştirmek, geçiş efektini değiştirmek ve gezinmeyi değiştirmek gibi görünmesini istediğiniz şekilde değiştirmek için çeşitli seçenekler dahil edilmiştir..
- Bağımlılık: jQuery
- Tarayıcı Desteği: IE9 +, Chrome, Firefox, Safari ve Opera
- Lisans: MIT lisansı
ImageLightbox
ImageLightbox şişirmeden bir lightbox eklentisidir. Görüntü için özel olarak tasarlanmıştır, bu nedenle verilen ad - video veya diğer ortam türlerini desteklemez. Ayrıca, fazladan HTML işaretlemesi gerektirmez; eleman yeterli. Eklenti sadece çalışıyor.
- Bağımlılık: jQuery
- Tarayıcı Desteği: IE9 +, Chrome, Firefox, Safari ve Opera
- Lisans: Tanımsız
Mini Işık Kutusu
Hiçbir şişkinlik ile başka bir lightbox eklentisi. Kütüphane sadece 2 kb'dir ve yalnızca görüntülerle çalışır. Yalnızca en yeni tarayıcıyı belirlerseniz ve videolar gibi diğer medya türlerini üst üste koymanıza gerek kalmazsa mükemmel bir eklentidir.
- Bağımlılık: Yok
- Tarayıcı Desteği: IE10 +, Chrome, Firefox, Safari ve Opera
- Lisans: MIT lisansı
LightCase
Lightcase güzel bir lightbox eklentisidir. Kullanıcı etkileşiminin solmaya, elastik zum ve kaydırma gibi canlanmasına neden olan çeşitli animasyonlarla birlikte gelir. Ayrıca, Youtube embed, HTML videoları, SWF ve giriş formları dahil olmak üzere çeşitli medya türlerini de destekler. Eklenti ayrıca medyaya ulaşılamıyor veya hataları bulamıyor
- Bağımlılık: jQuery
- Tarayıcı Desteği: IE9 +, Chrome, Firefox, Safari ve Opera
- Lisans: GPL lisansı
Yalb
Yalb Yine Başka Bir Işık Kutusu için duruyor - ama değil. Yalb, olduğu gibi lightbox durumlarını tanımlamanıza izin veren özel olayları içeren bir avuç API ile birlikte gelir. açık
ve ne zaman kapat
. Yalb Vanilya JavaScript ve jQuery eklentisi iki sürümü geliyor.
- Bağımlılık: Yok
- Tarayıcı Desteği: IE9 +, Chrome, Firefox, Safari ve Opera
- Lisans: MIT lisansı
Tuh hafifliginde
6kb Tuh hafifliginde anlayışlı geliştirici için çıplak bir eklenti ve sadece gerekli şeyleri taşır. Örneğin, bir galerideki görüntü ışık kutusunu gruplandırmanız gerekirse, galeri uzantısını dahil edebilirsiniz. Bu eklentinin proje gereksinimlerinize uyması için kendi uzantınızı da geliştirebilirsiniz..
- Bağımlılık: jQuery
- Tarayıcı Desteği: IE8 +, Chrome, Firefox, Safari ve Opera
- Lisans: MIT lisansı
LightLayer
LightLayer, kullanımı kolay bir lightbox eklentisidir. Bir avuç dolusu seçeneğe, özel JavaScript yöntemlerine ve özel olaylara sahiptir. eklenti resimler, videolar, haritalar ve harici içerikle çalışır. Daha ne isteyebiliriz ki.
- Bağımlılık: jQuery
- Tarayıcı Desteği: IE9 +, Chrome, Firefox, Safari ve Opera
- Lisans: MIT lisansı
LightGallery
LightGallery, bir çok özellik eklenmiş başka bir lightbox eklentisi. Lightbox'ın en ince detaylarını özelleştirmek için 20'den fazla seçenek bulunmaktadır..
- Bağımlılık: jQuery
- Tarayıcı Desteği: IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android ve Windows Phone
- Lisans: MIT lisansı
FluidBox
Fluidbox Medium'dan esinlenilmiş bir görüntü lightbox eklentisidir. Kayan görüntü, görüntü dahil olmak üzere çeşitli koşullar altında görüntülerle çalışır. kesin
konum, kenarlık ve dolgulu görüntüler ve galeriler. Nasıl yapıldığını kontrol et. Bir WordPress eklentisine ihtiyacınız varsa, bir tane var..
- Bağımlılık: jQuery
- Tarayıcı Desteği: IE9 +, Chrome, Firefox, Safari, Opera
- Lisans: MIT lisansı
StripJS
StripJS benzersiz bir lightbox eklentisidir. Görüntünün üzerine binmek yerine, eklenti görüntüleri içeriden kaydırır, böylece içeriğin tamamını engellemeyecektir. StripJS hem görüntü hem de videoyu destekler.
- Bağımlılık: jQuery
- Tarayıcı Desteği: IE7 +, Chrome, Firefox, Safari, Opera, iOS 5+ ve Android 3+
- Lisans: Creative Commons BY-NC-ND 3.0 lisansı