2 nesneli jquery lightbox. Web tasarımı ve posta kodu optimizasyonu. WordPress için güçlü jQuery lightbox eklentileri

Görüntüler için bir site kullanırsanız, jQuery sorar, ardından şarkı söyler, yenisinde bir ışık kutusu öne çıkar. Bir ışık kutusunun gücü, basit bir resim kitaplığını daha verimli bir galeriye dönüştürebilmeniz gerçeğinde yatmaktadır. Web tasarımı alanında jQuery için bu tür eklentilerin popülaritesi bu özelliktedir.

JQuery'nin beyni, görüntü tasarımcıları için mucizeler yaratan isimsiz lightbox eklentileridir. Dersimizde 15 farklı eklenti sunulmaktadır, varto bazında saygı duymalısınız.

takviye

TopUp, resimlerin ve web sayfalarının nefret dolu bir şekilde görüntülenmesi için kullanımı kolay bir JavaScript kitaplığıdır. Kitaplığa, tarayıcılar arası uyumluluk ve kompaktlık için jQuery ve jQuery UI aracılığıyla erişilir.

Eklenti Yüksek Kaydırma

Highslide, resimleri, medyayı ve galerileri incelemek için özel bir araçtır.

renk kutusu

jQuery 1.3+ için küçük eklenti.

Lightbox 2 basit, nefret dolu bir komut dosyasıdır ve akış tarafında bir topun içindeki görüntüleri göstermek için bir numaradır. Sadece yoga yükleyin ve herkes için çalışır mevcut tarayıcılar.

prettyPhoto yalnızca görüntüleri değil, video, flash, YouTube ve Ajax'ı da destekler. Medya dosyaları için Lightbox.

Slimbox 2, Light box 2'nin jQuery yardımıyla uygulanan 4 KB boyutunda bir klonudur.

Shadowbox, tüm popüler formatları destekleyen medya dosyalarını incelemek için bir web eklentisidir. Shadowbox, JavaScript ve CSS ile yazılmıştır ve geliştirilebilir.

Pirobox Genişletilmiş V.1.0.

Bu eklentinin avantajlarından biri, dosyanın türünü değiştirme yeteneğidir - dosyayı .swf dosyasına, .pdf dosyasına değiştirmek.

Daha fazla mucize olasılığı: görüntü boyutunun otomatik olarak değiştirilmesi ve "çek ve at" teknolojisinin desteklenmesi.

GreyBox web sitelerini, resimleri ve diğer bilgileri görüntülemek için kullanılabilir.

Super Box, pencereleri ışık kutusu efektiyle görüntüleyen bir eklentidir.

Lightbox küçük JavaScript kitaplığı, akış tarafında harika görüntüler göstermenin bir kazancı olarak. Kurulumu kolaydır ve tüm modern tarayıcılarda çalışır.

Komut dosyası, görüntüleri birleştirme penceresinin ortasında hem tek tek hem de aralıklı olarak görüntülemenizi sağlar.

Vikoristannya için talimatlar.

BÖLÜM I: Kütüphane bağlantısı.

1. Zvіdsi betiği ile arşivleri indirin ve paketinden çıkarın

2. JS klasöründeki dosyaları bulun jquery-1.10.2.min.jsі lightbox-2.6.min.js ardından web sitenizdeki komut dosyalarınızın bulunduğu klasöre kopyalayın.

3. Etiketler arasına ekleyerek qi komut dosyalarını kendi tarafınıza bağlayın sonraki satırlar:

4. css klasöründe lightbox.css dosyasını bulun ve stil dosyalarını içeren klasöre kopyalayın.

5. Bu dosyayı etiketler arasına ekleyerek tarafınıza ekleyin. sonraki satırlar:

6. img klasöründen kendinizi sunucuya kopyalayın ve siteniz için tasarlanmış resimlerin bulunduğu klasöre şu dosyaları ekleyin: i sonraki.png. Qi dosyaları, stil dosyalarıyla etiketlenir lightbox.css. Zamovchuvannyam dosyası için stylіv resimlere döner, img klasöründeki yakі raztashovyatsya, aynı babanın yak maє z css klasörü. Kesinlikle bir görüntü klasörünüz ve bir stil klasörünüz var mı? diğer klasörler varto, çıktıdaki lightbox.css dosyasındaki görüntülerin yollarını değiştirir.

BÖLÜM II: Yan tarafa resim ekleme.

Bu komut dosyası, bir istek için bir tıklamayla spratsovuє. Resmin yanı sıra metni de gönderebilirsiniz. Senaryoyu anlatmak için zorlamak mümkünse bir nitelik eklemek gerekir. veri ışık kutusu ta reçete youmu be-yaké anlamı.

Tek resimler.

Mesaj metni 1 Mesaj metni 2 Mesaj metni 3

* başlık özelliği bajannyam için zapovnyuvat olabilir. Yakshcho vіn zapovneniya, yogo vmіst ekleme resminin altında gösterilecektir.

resim grubu.

Bir grup görüntüye sahip olmanıza izin verilir ve tek tek bastığınızda, parçalama penceresini kapatmaya gerek kalmadan grubun tüm resimlerini çevirebilecek bir birleştirme penceresine sahip olmak istersiniz.

Mesaj metni 1 Mesaj metni 2 Mesaj metni 3

*Daha önce LiteBox betiği için rel="lightbox" özniteliğini hacklediniz.

Hepimiz soyulduk, her şey uygulanabilir, ale:

Görüntüden bir grup resim oluşursa, bir saat boyunca resimlerin altındaki birleştirme penceresine bakarım. resim 1/8? ama kshtalt tsgogo'da bachiti schos yapmak istedim "resim 1/8".

13. satırdaki lightbox-2.6.min.js dosyası için ce eksenini değiştirmeniz gerekir:

"Resim" + b + " veya " + c'yi döndür

"Görüntü" + b + " h " + c'yi döndür

Geri kalan zamanlarda bu senaryoyu çarpıtırsam, bir aksaklığı da hatırlayarak, atlıkarınca senaryosuyla hemen tekrar kazanmam gerekiyordu.

Aşağıda, aksaklığın açıklaması ve düzeltmenin yolu verilmiştir.

Yanda 2 farklı görsel grubumuz olduğundan ve örneğin ilk görsel grubunda alt yazılar (yedek başlık özelliği), diğer grupta ise başlık özelliğinde boş değerler olabileceğinden veya hiç yazım olmadığı için, sonra, açıklaması olmayan resimlere baktığımızda (o zamana kadar bir resme bir açıklama ile baktık), baktığımız resmin geri kalanının açıklamasını hala görüyoruz. Bu komut dosyası, birleştirilen pencerenin başlığını temizlemeli, görünürlüğü için yenisiyle değiştirmelidir. Nasıl düzeltilir?

Başlık özniteliğini temizlememe affını düzeltmek için lightbox-2.6.min.js dosyasındaki 219. satırdaki metni değiştirin:

if (typeof this.album.title !== "undefined" amp;amp;amp;amp;amp;amp; this.album.title !== "") ( this.$lightbox.find(".lb-caption) ").html(this.album.title).fadeIn("hızlı") )

Robotumuzun zengin bir şekilde basitleşeceği yardım için giderek daha fazla yeni web teknolojisinin bizim için mevcut olması gerçekten harika. Modal pencereler, manuel tasarım ve arayüzün oluşturulmasını yönlendiren, her türlü HTML içeriğini görüntülemek için işlevsel bir öğedir.

Perakendecilerin ve tasarımcıların daha profesyonel web siteleri oluşturmasına yardımcı olmak için ışık kutusu oluşturmaya yönelik jQuery kitaplıklarının ve komut dosyalarının bir listesini kimden seçtik.

Küçük harfli scripti sitenize kolayca ekleyebilirsiniz. O halde lafı daha fazla uzatmadan cephaneliğinize ekleyebileceğiniz süper jQuery ve süper jQuery lightbox kütüphanelerine geçelim.

1. Fotoğraf kaydırma

PhotoSwipe, özellikle mobil cihazlar için tasarlanmış, CSS ve JavaScript tabanlı bir HTML fotoğraf galerisidir. її rozrobtsі'daki yazarlar, mobil cihazlar için görüntüleri inceleme hizmetine örnek olarak aldılar iOS eklentileri ve Google. PhotoSwipe, bir mobil sitede resimlerle çalışmayı kolaylaştıran sezgisel ve sezgisel bir arayüze sahiptir.

Tüm ana işlevler desteklenir: ileri veya ileri görüntüye geçiş, artırma, sürükleme, değiştirme veya kapatma ve diğerleri.

2. Kaydırma Kutusu

Swipebox - jQuery - masaüstü bilgisayarlar, akıllı telefonlar ve tabletler için eklenti. Mobil cihazlar için dokunmaya duyarlı anahtarlama desteği, zemine monte cihazlar için ek klavye için navigasyon, kullanıcının yüklemesini kolaylaştırmak için yedek anahtarlamadan jQuery anahtarlamaya CSS geçişi.

Chrome, Safari, Firefox, Opera için protesto eklentisi, internet gezgini 8+ , iOS4+ , Android , Windows telefon. MIT lisansı altında yayınlandı.

3. iLightbox

iLightBox, kolayca daha fazla uyarlanabilir oluşturmanıza olanak tanır kalıcı pencereler, jQuery kullanarak. iLightBox, harika dış görünümler ve kullanışlı bir API ile çok çeşitli medya içeriğini desteklerken, ışık kutusu döşemesini mümkün olduğunca az ideal hale getirebilir. iLightBox, tam ekran modunda, Retina-özet dış görünümleri, dokunmaya duyarlı kontroller, HTML5 video için YouTube ve Vimeo entegrasyonu, sıkı JavaScript API'si görüntülemenizi sağlar. Eklenti olabilir bezkoshtovnu pіdtrimka bu güncellenmiş sürüm.

4. Resim Işık Kutusu

Image Lightbox, IOS, Android ve Windows Phone için minimalist, genişletilebilir ve özelleştirilebilir bir eklentidir. Görüntünün yanındaki klavyenin yardımından ve döndürme ve döndürme ve CSS geçişlerinden yararlanabilirsiniz.

5. Muhteşem Açılır Pencere

Büyüleyici Açılır Pencere - ücretsiz duyarlı jQuery koristuvachem ve ek binalar arasında en iyi birlikte çalışabilirliğin güvenliğine odaklanan bir eklenti. Daha fazla lightbox eklentisi için, ek JS için pencere boyutunu ayarlamak gerekir. Magnific Popup ile EM gibi bekarları etiketleyebilir veya CSS ortamının yardımıyla lightbox boyutunu değiştirebilirsiniz.

6. Nivo Işık Kutusu

Nivo Lightbox şık bir lightbox eklentisidir. Kolayca değiştirebileceğiniz yardım için seçim için hiçbir seçenek yoktur. eski görünüm hafif kutu. Örneğin temayı, geçiş efektini ve gezinme yöntemini değiştirin.

7.Lightcase

Lightcase, jQuery yardımıyla genişletilebilen, esnek, uyarlanabilir ve genişletilebilir bir lightbox eklentisidir. Internet Explorer 7+, Firefox, Opera, Webkit ve diğerleri gibi tüm popüler tarayıcılarda mucizevi bir şekilde çalışır. Eklenti fotoğraf, video, HTML5 video, Iframe, SWF ve AJAX bağlantılarını destekler.

8. Lightlayer.js

LightLayer, herhangi bir ekranda diğer bileşenlerle birlikte iyi çalışan uyarlanabilir ışık kutularını görüntülemek için bir komut dosyasıdır. Bu senaryo aslında Vikoristan için daha da basit. LightLayer kişisel olmayan parametreler üzerinde kontrol sağlar: arka plan rengi ve opaklık, ışık kutusu konumu, açık/kapalı geçişler ve yapılandırılabilen diğer birçok işlev.

9.Strip.js

Şerit - yanın bir kısmında büyüme olasılığı daha düşük olan ışık kutusu. Yogayı kırmak daha az rahatsız edicidir ve yan taraftaki diğer unsurlarla etkileşime girmenizi sağlar. büyük ekranlar; Açık mobil ek binalarışık kutusu olabilir klasik görünüm. Strip quiz jQuery, tüm büyük tarayıcılar tarafından desteklenir.

10 Sıvı kutusu

Fluidbox, büyük binaların görüntüleri için ideal olan nefret uyandıran, uyarlanabilir ışık kutusunu uygulamak için genişleyen bir JQuery eklentisidir. Mobil eklerde vіdmіnno pratsyuє Vіn ve ayrıca ekranlarda daha fazla zastosovuvatsya olabilir yüksek katlı bina görüntüyü görmek için

11 tüy ışığı

Featherlight - 400 için daha da hafif bir eklenti JavaScript'teki satırlar , 100 CSS satırları bu boyut 6Kb'den azdır. Akıllı, uyarlanabilir ışık kutusu, görüntüleri varsayılan olarak, AJAX ve iframe'i destekler. Ayrıca yogayı ihtiyaçlarınıza göre uyarlayabilirsiniz. Featherlight, IE8+'da, mevcut tüm tarayıcılarda ve mobil platformlarda çalışır.

12. Yalp

Yalb, Yet Another Lightbox (Yet Another Lightbox) anlamına gelir, ancak değildir. Yalb, kendi stan'ınızı kurmanıza izin veren alt çekirdekler içeren çok çeşitli arabirimlerle birlikte gelir ( kapalı, kapalı).

Komut dosyası, birleştirme görünümü için görüntünün gözden geçirilmesini düzenler. Pereyezd, tek bir resim veya bir galeri tarafından organize edilebilir ve resimleri bir birleştirme penceresine yerleştirebilir.
Yüklü betikte en basit ve en çok görülen. Nalashtovuєtsya'nın tam anlamıyla bir khvilin çaçası için olduğu restore edildi.

ışık kutusu nasıl kurulur

І yılın geri kalanı. Vizyon görüntüsü.
Görüntüyü böyle görselleştirin

Küçük bir resmi görüntülemek için standart kod, büyük bir resme uygulanmasıdır, işlemeye yalnızca iki parametre eklenir.
Bu kodun uygulama ekseni - resme basıldığında büyük bir resim birleştirilir.

Böyle bir etki için parametre data-lightbox="resim".
Yanınızda çok fazla görüntü varsa, parçalanan bir pencerede boğulmadan bir görüntü oluşturabilirsiniz veya görüntüyü hareket ettirirseniz, parçalanan bir pencerede koku boğulur.
Görüntüleri birleştirmek için, görüntülerin dış görünüm grubu için bir ad seçmek gerekir

Başit gibi, tüm resimler birleştirme vіknі, oskelki'de incelenebilir. veri ışık kutusu her koşulda.
Pis koku kusmasın diye resim paylaşmak istiyorsanız bu kodu kullanın

Şimdi cilt resmi temizleniyor, bu nedenle saldırıya aşırı yanma olasılığı yok.

Yükseltilmiş sürüm ne olacak?

Bir arkadaş için, birkaç kişinin resimlerin ek, vinyatok kopyalarına ihtiyacı vardır.
Kilitleme için devre dışı bırakıldı, komut dosyasında aracı olmadan açabilirsiniz, aynı yerde gerçek genişleme düğmesi açılır.
Komut dosyasının işlevi harika bir zastosuvanniy'ye yalnızca kötü bir şekilde verilir, yalnızca kesinlikle bezvyhіdnih durumlarda kazanmak mümkündür.

Üç boş mesaja saygı göstermek, öyle ki pis koku büyük görüntünün üzerine zorlanır, ancak etiketler arasında hiçbir şey yoktur, yalnızca görüntüye verilen mesaj vardır.
Tarayıcıdaki sonuç yalnızca bir resim gösterir, üzerine basıldığında büyük bir resim görünür ve tüm resimler etkilenmemiş mesajlardan çıkarılır ve omuz silkebilirsiniz.
Ve burada şaşırıyorsunuz, mesajlarda iki özdeş resim var (chervonyms'i görmek) ve iç çekerseniz, o zaman iki özdeş resim göreceksiniz.
Belirli bir uygulamada kopyaların çoğaltılmasını etkinleştirirseniz, kopyalanacak resim olmayacaktır.

Açıkçası, böyle bir durum suçlanamaz, ancak şimdi iki özdeş resim görüyorsunuz ve sonra onları görüyorsunuz. Ancak şaşırtıcı değil, böyle bir durumla karşılaştım, bir İnternet mağazasında, bir ürün için yinelenen fotoğraflar gösteriliyor (komut dosyaları aracılığıyla fotoğrafların kurnazca değiştirilmesi vardı) ve bir ışık kutusundan bakıldığında, yinelenen fotoğraflar bile yanlış görünüyordu. Eksen orada ve kopyaların kaldırılması gerekiyor.

Yorumlar

11.12.2014 Galip
Senaryo zaten çirkin. Yardım için, resmi açıklamak için veri başlığı kullanılabilir. Ale benim bir sorunum var benim yanımda script var bağlanınca yan taraftaki blok gibi verilen komut dosyasışarabımı kaybediyorum. Dahası, sanki js betikleri bağlanmış gibi vin kaybolur. Çatışmanın versiyonu düşünüldüğünde, onlar aracılığıyla bir çatışma yoktur.

23.05.2015 Galip
ben çalışmıyorum, eğer
href="http://ikk.secrieru.ru/products/Gallery/000039.jpg?ver=20150523142822"
Böyle bir bakış olabilir. Olmadan?ver=20150523142822
pratik

25 Mayıs 2015
çok teşekkürler

29.06.2015 Andriy
Uygulamanız için dyakuyu bile! Her şey pratik olarak ilk seferde çalıştı)

08/26/2015 Oleksandr
farklı analogları denedikten sonra. çatışmalar olmadan, bir gün oluyor. orijinaline sbilshenya. rozmіru gut.yaksho bir ayı alır ve resim-zagalі kapets alanını yok ederdi

01.11.2015 İgor
Vitaemo!
Mucizevi galeri. Çok teşekkürler.
Sadece aynı soru:
Poponun üzerine geldiğinizde (3 resim), resimler bir döngü halinde gösterilir. Ve lightbox-2.7.1'in gelişmiş sürümünde bu işlev çalışmıyor. Resmin geri kalanına baktığımda buton görünmüyor.
Söyle bana, nazik ol, neyin bir nedeni olabilir?

14.11.2015 Anton

11/15/2015 Anton
IOS ve Android'de ekranın kararması tüm tarafta görünmüyor! sorun ne olabilir Harika LightBox ile her şey yolunda!

11/15/2015 Anton
IOS ve Android'de ekranın kararması tüm tarafta görünmüyor! sorun ne olabilir Harika LightBox ile her şey yolunda!

30.03.2016 Anton
Vitaemo!
Ve resmin daha büyüğüne gösterilmesi için nasıl çalışabilirsiniz?

18.11.2016 Yura
Dyakuyu görkemli! Her şey mucizevi bir şekilde çalışıyor!

05/04/2017 İgor
Senaryo için çok teşekkürler! Uzun süre benzerdi ve kurulumu kolaydı.
Sadece fotoğrafların altında bence mantıksız yazılar var R 8 8 8 8 8 8 8 8 8 8

Belki burada kodlamayı düzeltmeniz gerekir?

09/12/2017 Barsuk
De OK buv erken! İkinci gün çiftleri batırmak isteyenler için harcanır))

sadece sahibim baş tarafı ana görüntünün bir önizlemesi ve altında, galerideki kopyalardan sorumlu tutulan ek resimlerin daha da az önizlemesi var.

En popüler kitaplık, masaüstlerinde zengin bir şekilde oynatılan ancak mobil platformlarda oynatılmayan Lightbox Javascript'tir.

Mobil platformları destekleyen 14 Lightbox eklentisine saygılar sunarım.

Fotoğraf Kaydırma

PhotoSwipe - İhtiyacınız olmasa bile gereksiz parçaları temizlemenizi sağlayan hafif, dokunmaya duyarlı ve en modüler eklenti. pratikte iyi mobil tarayıcılar. Resmi parmağınızın yardımıyla değiştirebilirsiniz, yakbi tse bulo standart ek pürüzsüz geçişler ile.

• Gerekli kütüphaneler: HAYIR.
• Tarayıcı desteği: IE8+, Chrome, Firefox, Safari, Opera ve diğer mobil tarayıcılar.
• Lisans: MİT lisansı

Muhteşem Açılır Pencere

Magnific Popup, PhotoSwipe ile aynı yazar olan Dmitry Semenov tarafından geliştirilen başka bir ışık kutusu eklentisidir. Eklenti, JQuery/Zepto eklentisine benzer bir görünümle gelir ve ayrıca PhotoSwipe'ın yaptığı gibi video kırpma, haritalar ve Ajax gibi bir besleme kırpma içerir. Bu, daha iyi bir anneyi kollarının altında daha fazla fırsat arayanlar için uygun bir alternatiftir.

• Gerekli kütüphaneler: jQuery 1.9.1+ veya Zepto.js
• Tarayıcı desteği: IE7 (özel), .
• Lisans: MİT lisansı

Kaydırma Kutusu

Swipebox, mobil platformlar için dokunma hareketlerini destekleyen bir jQuery eklentisidir. Vіn ayrıca Youtube ve Vimeo, krіm image videolarını da destekler. Swipebox'ın kurulumu kolaydır ve özelleştirme için birkaç seçenek vardır. Bence Swipebox, JavaScript bilmeyenler için biraz lightbox eklentisi.

Bootstrap için Işık Kutusu

Bootstrap'ten kullanılabilen Spontan Lightbox eklentisi. Bootstrap için Işık Kutusu düzeltildi. Bootstrap'i hackliyorsanız, bu kütüphaneyi hacklemeniz önerilir. Eklenti, Bootstrap ile iyi bir şekilde entegre edilmiştir.

• Gerekli kütüphaneler: jQuery ve Bootstrap modülü
• Tarayıcı desteği: IE8+, Chrome, Firefox, Safari, Opera
• Lisans: GNU lisansı

Nivo Işık Kutusu

Nivo Lightbox, tam olarak uyan bir lightbox eklentisidir. Çeşitli seçenekler, dış görünümü değiştirmenize olanak tanır. Örneğin: bir tema, bir animasyon ortaya çıktı, bu tür bir gezinme.

• Gerekli kütüphaneler: jquery
• Tarayıcı desteği:
• Lisans: MİT lisansı

Görüntü Işık Kutusu

ImageLightbox, çanları ve ıslıkları olmayan basit bir lightbox eklentisidir. Vіn vikoristovuєtsya sadece görüntü için, svіdsi th adı. Ne video ne de başka bir tür desteklenmez. VIN ayrıca ek bir HTML işaretlemesi gerektirmez; etiket є yeterli. Bu eklenti robotlar için basittir.

• Gerekli kütüphaneler: jquery
• Tarayıcı desteği: IE9+, Chrome, Firefox, Safari, Opera
• Lisans: atanmamış

Mini Işık Kutusu

Eklentisiz bir lightbox eklentisi daha. Kitaplık yalnızca 2 kilobayt olmalı ve yalnızca resimlerle çalışmalıdır. Bu ideal bir eklentidir, bu nedenle yalnızca versiyonun geri kalanı tarayıcı ve pіdtrimtsі video veya diğer formatlara gerek yok.

• Gerekli kütüphaneler: yok
• Tarayıcı desteği: Internet Explorer 10+, Chrome, Firefox, Safari ve Opera
• Lisans: MİT lisansı

hafif çanta

Lightcase harika bir lightbox eklentisidir. Fade, elastik, yakınlaştırma ve kaydırma gibi bazı animasyonları destekler. Ayrıca şarap da desteklenmektedir. farklı görmek Youtube Embed, HTML video, SWF ve giriş formları dahil medya.

• Gerekli kütüphaneler: jQuery
• Tarayıcı desteği: IE9+, Chrome, Firefox, Safari, Opera
• Lisans: GPL lisansları

Tüy hafifliğinde

Featherlight, perakendeciler için 6 kilobaytlık temel bir eklentidir ve yalnızca en gerekli olanı içerir. Örneğin, galerideki bir grup görüntü için bir ışık kutusu efektine ihtiyacınız varsa, galeri uzantısını ekleyebilirsiniz. Projelerinizde kullanmak için bir eklenti uzantısı da ekleyebilirsiniz.

• Gerekli kütüphaneler: jquery
• Tarayıcı desteği: IE8+, Chrome, Firefox, Safari, Opera
• Lisans: MİT lisansı

Işık Katmanı

LightLayer, dünyadaki en basit lightbox eklentisidir. Eklenti meçhul seçenekler ekler, JavaScript yöntemleri Koristuvalnitsky podіy. Eklenti resimler, videolar, haritalar ile çalışır.

• Gerekli kütüphaneler: jQuery
• Tarayıcı desteği: IE9+, Chrome, Firefox, Safari, Opera
• Lisans: MİT lisansı

ışık galerisi

LightGallery, başka bir lightbox eklentisi harika kіlkistyu fonksiyonlar. Şarap, ışık kutusu efektlerinin çeşitli ayrıntılarını özelleştirmek için 20'den fazla ve daha az seçenek içerir.

• Gerekli kütüphaneler: jquery
• Tarayıcı desteği: IE7+, Chrome, Firefox, Safari, Opera, iOS, Android ve Windows Phone
• Lisans: MİT lisansı

Akışkan Kutusu

Fluidbox lightbox eklentisi resimlerle çalışır. Kayan görüntü, mutlak konumdan görüntü, sınırlar ile girişler ve galeri arasındaki görüntü dahil olmak üzere görüntüdeki farkı açar. Ayrıca WordPress eklentisini kullanın.

• Gerekli kütüphaneler: jQuery
• Tarayıcı desteği: IE9+, Chrome, Firefox, Safari, Opera
• Lisans: MİT lisansı

StripJS

StripJS benzersiz ışık kutusu eklentisi. Görüntü yerleşimini değiştirin, ışık kutusu modülü görüntüleri birden bire görüntüler, böylece görüntü tamamen engellenmeyecektir. StripJS hem görüntüleri hem de videoları işler.

• Gerekli kütüphaneler: jquery
• Tarayıcı desteği: IE7+, Chrome, Firefox, Safari, Opera, IOS 5+ ve Android 3+
• Lisans: Creative Commons BY-NC-ND 3.0 Lisansı