Anasayfa » Toolkit » Mobil Duyarlılık için 15 Lightbox Kütüphanesi

    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ı