Web tasarımı ve arama motoru optimizasyonu. WordPress için en iyi ışık kutusu eklentileri jquery lightbox 0.5 eklentisi joomla 2.5

→ jQuery'de Işık Kutusu

Makale, jquery'de lightbox galeri eklentisinin başlatılmasına ilişkin bir örnek sunmaktadır ve buradan çalışan bir sürümü indirebilirsiniz. Aslında bu şekilde çalışır:



Bu ışık kutusu uygulamasının iyi yanı, bir yapılandırma karması aracılığıyla kontrol edilebilmesidir. Çok kolay bir şekilde başlar. Eklentiyi çalıştırmak için 1.2.6 sürümünden itibaren herhangi bir jquery kitaplığına, ışık kutusu eklentisinin kendisine ve bir stil dosyasına ihtiyacınız vardır. Arşivde, hemen aşağıda bitmiş versiyonu bulunmaktadır. İndex.html dosyasını herhangi bir tarayıcıda indirin, çıkarın ve açın. Çalışmalı.

Umarım herkes bunu nasıl başlatacağını anlar. Size sadece ışık kutusu ayarlarını nasıl yöneteceğinizi anlatacağım. Eklentinin IE 6'da çalışmadığını hemen belirteyim ve bu nedenle "eşek" dışındaki herkes için başlatma koşulunu belirledik. Sırada başka bir önemli nokta var: $(document).ready , çünkü başlatma işlemi DOM ağacı hazır olana kadar çalışmayacaktır. Başlatma sürecinin kendisi şu şekilde ilerler:

$("#galeri a").lightbox();

Örnek kaynak kodu:





if (!(navigator.userAgent.indexOf("MSIE 6") >= 0))( $(document).ready(function())( $("#gallery a").lightbox(); $.Lightbox. yapı (( "hız": 500, "show_linkback": true, "keys": ( close: "q", önceki: "z", sonraki: "x"), "opacity": 0,8, text: ( image: " Resim", of: "from", close: "Close", closeInfo: "Resmin dışına tıklayarak görüntülemeyi sonlandırabilirsiniz.", help: ( close: "", interaktif: "Etkileşimli yardım" ), about: ( metin: "", başlık: "", bağlantı: "/index.shtml" ) ), dosyalar: ( resimler: ( önceki: "/demo/img/jquery-lightbox/prev.gif", sonraki: "/demo/ img/ jquery-lightbox/next.gif", boş: "/demo/img/jquery-lightbox/blank.gif", yükleniyor: "/demo/img/jquery-lightbox/loading.gif" ) ) )); ) )

hız - fotoğrafı açma ve kapatma efektinin milisaniye cinsinden hızı.

Karma parametre tuşları: kapat, önceki ve sonraki, galeriyi görüntülemek için alternatif kontrol sağlayan tuşlardır.

opaklık - karartılmış arka planın şeffaflığı. 0'dan 1'e kadar değerleri kabul eder. Stil dosyasında arka plan rengi değiştirilebilir.

Dosya karmasında yuvalanmış görüntü karma parametreleri, arka plan görüntülerine giden yollar, yükleme göstergesinin animasyonu ve geri-ileri düğmeleridir.

Ayrıca metin karmasındaki gezinme etiketlerini de değiştirebilirsiniz.

İşimizin çok daha kolay hale gelmesiyle birlikte giderek daha fazla en yeni web teknolojilerinin elimizde olması gerçekten harika. Modal pencereler, uygun bir tasarım ve arayüz oluşturmayı amaçlayan, her türlü HTML içeriğini görüntülemek için işlevsel bir öğedir.

Bu incelemede, geliştiricilerin ve tasarımcıların daha iyi ve daha profesyonel web siteleri oluşturmasına yardımcı olacak ışık kutuları oluşturmaya yönelik JQuery kitaplıklarının ve komut dosyalarının bir listesini derledik.

Aşağıdaki scriptleri kolaylıkla web sitenize ekleyebilirsiniz. Lafı daha fazla uzatmadan asıl konuya geçelim ve cephaneliğinize ekleyebileceğiniz bu süper jQuery ışık kutusu kitaplıklarına bir göz atalım.

1.Fotoğrafları kaydırın

PhotoSwipe, özellikle mobil cihazlar için tasarlanmış, CSS ve JavaScript tabanlı bir HTML fotoğraf galerisidir. Yazarlar bunu geliştirirken resim görüntüleme hizmetlerinden yararlandılar. mobil cihazlar iOS ve Google. PhotoSwipe, mobil sitedeki görsellerle çalışmayı kolaylaştıran tanıdık ve sezgisel bir arayüze sahiptir.

Tüm temel işlevler desteklenir: sonraki veya önceki resme geçme, yakınlaştırma, sürükleme, uzaklaştırma veya kapatma ve diğerleri.

2. Kaydırma Kutusu

Swipebox – JQuery eklentisi masaüstü bilgisayarlar, akıllı telefonlar ve tabletler. Mobil cihazlar için dokunmatik kontrolü, klavye navigasyonunu destekler. masaüstü cihazlar, JQuery kontrollerine geri dönüşle CSS geçişleri, kurulumu oldukça kolaydır.

Eklenti Chrome, Safari, Firefox, Opera'da test edilmiştir. İnternet Explorer 8+, iOS4+, Android, Windows Telefonu. MIT lisansı altında yayınlandı.

3. iLightbox

iLightBox, JQuery kullanarak çok güzel, duyarlı modal pencereler oluşturmayı kolaylaştırır. Çok çeşitli medya içeriği desteğini harika dış görünümler ve kullanıcı dostu bir API ile birleştiren iLightBox, ışık kutusunu olabildiğince mükemmel hale getirmeye çalışmaktadır. iLightBox, içinde görüntüleme olanağı sağlar tam ekran modu, Retina uyumlu görünümler, dokunmatik etkinlik yönetimi, HTML5 video için YouTube ve Vimeo entegrasyonu, güçlü JavaScript API'si. Eklentinin ücretsiz desteği ve sürüm güncellemeleri var.

4. Görüntü Işık Kutusu

Image Lightbox, iOS, Android ve Windows Phone için minimalist, genişletilebilir ve özelleştirilebilir bir eklentidir. CSS dönüşümleri ve geçişlerinin kullanımı sayesinde bir sonraki görüntüyü klavyenizi kullanarak kolayca yükleyebilirsiniz.

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

Magnific Popup, en iyi kullanıcı-cihaz deneyimini sağlamaya odaklanan ücretsiz, duyarlı bir jQuery eklentisidir. Çoğu ışık kutusu eklentisi, pencere boyutunu JS kullanarak tanımlamanızı gerektirir. Magnific Popup'ta EM gibi göreceli birimleri kullanabilir veya CSS medya sorgularını kullanarak ışık kutusunu yeniden boyutlandırabilirsiniz.

6. Nivo Işık Kutusu

Nivo Lightbox esnek bir ışık kutusu eklentisidir. Işık kutusunun görünümünü kolayca değiştirebileceğiniz birçok seçenek arasından seçim yapabilirsiniz. Örneğin temayı, geçiş efektini ve gezinme yöntemini değiştirin.

7.Hafif kasa

Lightcase, JQuery kullanılarak geliştirilmiş esnek, duyarlı ve genişletilebilir bir ışık kutusu eklentisidir. Internet Explorer 7+, Firefox, Opera, Webkit ve diğerleri gibi tüm popüler tarayıcılarda mükemmel çalışır. Eklenti fotoğraf, video, HTML5 video, Iframe, SWF ve AJAX çağrılarını destekler.

8. Lightlayer.js

LightLayer, uyarlanabilir ışık kutularını görüntülemek için kullanılan bir komut dosyasıdır; herhangi bir ekranda diğer bileşenlerle birlikte iyi çalışır. Bu betiğin kullanımı gerçekten çok kolaydır. LightLayer birçok parametre üzerinde kontrol sağlar: arka plan rengi ve opaklığı, ışık kutusu konumu, açma/kapama geçişleri ve diğer birçok özelleştirilebilir özellik.

9. Strip.js

Şerit, sayfanın yalnızca bir kısmına genişleyen bir ışık kutusudur. Bu, onu daha az müdahaleci hale getirir ve diğer sayfa öğeleriyle etkileşime girmesine olanak tanır. büyük ekranlar; Mobil cihazlarda ışık kutusu klasik bir görünüme sahiptir. Strip, JQuery'yi kullanır ve tüm büyük tarayıcılarda desteklenir.

10. Akışkan Kutusu

Fluidbox, yüksek çözünürlüklü görüntüler için ideal, göze çarpmayan, duyarlı bir ışık kutusu sağlamak üzere tasarlanmış bir jQuery eklentisidir. Mobil cihazlarda harika çalışır ve daha büyük ekranlarda da kullanılabilir. yüksek çözünürlük güzel görüntü çıkışı için.

11. Tüy Işığı

Featherlight, 400 satırlık JavaScript, 100 satırlık çok hafif bir eklentidir. CSS satırları ve boyutu 6Kb'den az. Akıllı, duyarlı ışık kutusu, varsayılan olarak görüntüleri, AJAX ve iframe'i destekler. Ayrıca ihtiyaçlarınıza göre uyarlayabilirsiniz. Featherlight IE8+'da çalışır, herkes modern tarayıcılar Ve mobil platformlar Ah.

12. Yalb

Yalb, Yet Another Lightbox'ın kısaltmasıdır - ancak değildir. Yalb, durumunu (açık, kapalı) belirlemenize olanak tanıyan özel olaylar da dahil olmak üzere geniş bir arayüz seti ile birlikte gelir.

Eğer jQuery ile oluşturulmuş bir görsel sitesiyle karşılaşırsanız, büyük olasılıkla bir ışık kutusu kullanacaktır. Işık kutusunun gücü, basit bir resim kitaplığını bile çekici ve etkili bir galeriye dönüştürebilmesidir. Bu özellik tam da bu tür jQuery eklentilerinin web tasarımı alanında popüler olmasının nedenidir.

jQuery topluluğu sayesinde, görüntü tasarımcıları için harika seçenekler yaratan çok sayıda ışık kutusu eklentisi mevcuttur. Eğitimimiz dikkat etmeye değer 15 farklı eklenti sunuyor.

Yükleme

TopUp, görüntüleri ve web sayfalarını göze çarpmadan görüntülemek için kullanımı kolay bir JavaScript kitaplığıdır. Kitaplık, tarayıcılar arası uyumluluk ve kompaktlık sağlamak için jQuery ve jQuery UI aracılığıyla yönetilir.

Highslide eklentisi

Highslide- Özel alet görüntüleri, medyayı ve galerileri görüntülemek için.

Renk kutusu

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

Lightbox 2, bir görüntüyü geçerli sayfada bir kaplama katmanı olarak görüntülemek için kullanılan basit, göze çarpmayan bir komut dosyasıdır. Kurulumu kolaydır ve tüm modern tarayıcılarda çalışır.

PrettyPhoto yalnızca görüntüleri değil aynı zamanda videoları, flash'ı, YouTube'u ve Ajax'ı da destekler. Medya dosyaları için ışık kutusu.

Slimbox 2, jQuery kullanılarak uygulanan Light box 2'nin 4 KB'lik bir kopyasıdır.

Shadowbox, tüm popüler formatları destekleyen medya dosyalarını görüntülemek için kullanılan bir web uygulamasıdır. Shadowbox, JavaScript ve CSS ile yazılmıştır ve son derece özelleştirilebilirdir.

Pirobox Genişletilmiş V.1.0.

Bu eklentinin avantajlarından biri, gömülü içerikten .swf dosyasına, basit bir görüntüden .pdf dosyasına kadar her tür dosyayı açabilmesidir.

Diğer harika özellikler: otomatik değişim görüntü boyutu ve sürükle ve bırak desteği.

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

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

Çeşitli resim galerilerini defalarca inceledim ve muhteşem slayt gösterileri ve eklentilerden oluşan geniş bir koleksiyon topladım. Lightbox ayrıca ek js kitaplıkları bağlanmadan yalnızca CSS3'te de mevcuttur. Ancak zaman durmuyor, kullanıcılar internette gezinmek için giderek daha fazla çeşitli mobil cihazlar kullanıyor, bu da web öğelerinin ve özellikle fotoğraf galerilerinin " " efektli uyarlanabilirliğinin, web tasarımcılarının ve geliştiricilerinin dikkat etmesi gereken önceliklerden biri haline geldiği anlamına geliyor ile.

15'ten başka bir seçki sunuyorum duyarlı jQuery hem masaüstü tarayıcılarla uyumlu hem de çeşitli mobil cihazların (dizüstü bilgisayarlar, akıllı telefonlar, tabletler vb.) ekranlarına mükemmel uyum sağlayan eklentiler.

Geliştiricilerin web sitelerindeki demoyu izleyin, beğendiğiniz eklentiyi indirin ve yaratın, yaratın, yaratın...

1. iLightbox

iLighbox, çok çeşitli uygulamaları destekleyen hafif bir jQuery Lightbox eklentisidir. çeşitli türler dosyalar: resimler, videolar, Flash/SWF, Ajax içeriği, çerçeveler ve gömülü haritalar. Bu eklenti aynı zamanda düğmeler de ekler sosyal ağlar Kullanıcıların Facebook, Twitter veya Reddit aracılığıyla içerik paylaşmasına olanak tanıyan. Normal ve tam ekran modlarında görüntüleme ile muhteşem slayt gösterileri, resim galerileri ve videolar düzenlemek için mükemmel bir fırsat.

iLighbox oldukça hızlı çalışır ve mobil cihazlarda görüntülendiğinde işlenen içeriği fazlasıyla doğru şekilde görüntüler. Diğer şeylerin yanı sıra, bu eklentiyi kullanarak bilgi bloklarının kalıcı bir pencere gibi görüntülenmesini kolayca uygulayabilirsiniz.

  • Bağımlılık: jQuery
  • Tarayıcı desteği: IE7+, Chrome, Firefox, Safari ve Opera
  • Lisans: Şeytan biliyor)))
2. Kaydırma Kutusu

Swipebox, desteği olan bir jQuery eklentisidir. dokunmatik ekranlar mobil platformlar. Eklenti, görsellerin yanı sıra Youtube ve Vimeo'daki gömülü videoları da destekler. Swipebox'ı herhangi bir projeye eklemek çok kolaydır; eklenti, işlevselliğini ve davranışını özelleştirmek için çeşitli sezgisel seçeneklere sahiptir. Geliştiricinin web sitesinde eklentinin bağlanması ve kullanılmasıyla ilgili ayrıntılı belgeler var, gereksiz ayrıntılar olmadan, her şey tam yerinde, bu yüzden neyi, nerede ve nedenini anlamanın zor olmayacağını düşünüyorum.

  • Bağımlılık: jQuery
  • Tarayıcı desteği: IE9+, Chrome, Safari, Firefox, Opera, IOS4+, Android ve Windows Phone
  • Lisans: Belirlenmedi, belki şanslısınız)))

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

JQuery veya Zepto.js tabanlı, uzun zamandır bilinen ve kanıtlanmış bir ışık kutusu eklentisi. Eklentinin yazarı, aşağıda bahsedeceğim PhotoSwipe eklentisinin de geliştiricisi olan Dmitry Semenov'dur. Bir jQuery/Zepto eklentisi olarak sunulan video desteği, haritaların ve Ajax içeriğinin görüntülenmesi, yerleşik formlarla modal pencerelerin uygulanması gibi PhotoSwipe'ta bulunmayan daha gelişmiş özelliklere sahiptir. Tüm kriterlere göre bu, bir web geliştiricisi için başka bir harika araçtır. WordPress için ayrı bir eklenti ve kurulum ve kullanıma ilişkin ayrıntılı belgeler bulunmaktadır. Tek iç karartıcı şey, Rusça belge eksikliği, adı ve soyadına bakılırsa, yazar Rus gibi görünüyor, zararlı olup olmadığı asla anlaşılmadı, ya da kendi karmaşıklığının hayali farkındalığı yüzünden, ama falan. Tamam, kimin anlaması gerekiyor, biz de çayı yumuşak kaynatmadık))).

  • 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ı

4.Fotoğraf Kaydırma
  • Bağımlılık: Javascript veya jQuery
  • Tarayıcı desteği
  • Lisans: MIT lisansı

11. Tüy Işığı

Az çok bilgili geliştiriciler için en gerekli tüm işlevlerle donatılmış 6 kbit'lik bir ışık kutusu eklentisi. Tüm yaygın içerik türlerini (metin, resim, iframe, Ajax) desteklemenin yanı sıra, ek bir tane bağlama yeteneği de vardır ve ayrıca bu eklenti için yeni bir içerik oluştururken ihtiyaçlarınızı tam olarak karşılayacak kendi uzantınızı da geliştirebilirsiniz. proje. Tüm bu şeyin (uzantı geliştirme) nasıl çalıştığını tam olarak anlamadım, ancak bu eklentiyi yükleyenlerin bunu anlayacaklarını düşünüyorum)).

  • Bağımlılık: jQuery
  • Tarayıcı desteği: IE8+, Chrome, Firefox, Safari ve Opera
  • Lisans: MIT lisansı

12. Işık Galerisi

LightGallery, birçok özelliğe sahip çok işlevli bir ışık kutusu eklentisidir. Ek özellikler. Işık Kutusunun en küçük ayrıntılarını özelleştirmek için 20'den fazla seçenekle birlikte gelir. Burada her şey var, ya da neredeyse her şey var)). Düzgün düzenlenmiş küçük resimler, gezinme öğeleri ve küçük resim kaydırma özelliğiyle tam resim galerisi. Sırasız bir liste biçiminde basit HTML işaretlemesi

    tam boyutlu görüntüler için data-src niteliğini kullanma. Aynı şey Youtube ve Vimeo'daki videolar için de geçerli. Tüm video formatları için mükemmel destek HTML5, MP4, WebM, Ogg... Animasyonlu küçük resimler, mobil uyumlu düzen, slayt efektleri ve resimlerle diğer içerikler arasında geçiş yaparken yumuşak geçişler. Dış görünüş ile oluşturulması ve yapılandırılması kolaydır CSS kullanma. Görüntü önyüklemesi ve kod optimizasyonu. Masaüstü bilgisayarlar için klavyeyi kullanarak gezinmenin yanı sıra ek yazı tipi simgelerini kullanma yeteneği. LightGallery, gerçek "birleştirmenin" olduğu yerdir; asıl mesele, bu eklentinin çok sayıda ayarı ve kapsamlı yetenekleri arasında kaybolmamaktır.
    İyi bir kaydırıcıya ihtiyaç duyanlar için aynı geliştiricilerden birine dikkat etmenizi öneririm.

    • Bağımlılık: jQuery
    • Tarayıcı desteği: IE7+, Chrome, Firefox, Safari, Opera, iOS, Android ve Windows Phone
    • Lisans: MIT lisansı

    13. StripJS

    Hatta alışılmadık bir şekilde söyleyebilirim: ışık kutusunun alışılmadık bir uygulaması, daha doğrusu, ışık kutusu tasarımındaki bir görüntü veya video sağda göründüğünde, ekranın tamamını değil, yalnızca yalnızca verilen boyut tam boyutlu resim veya video. Büyük ekranlarda bu yaklaşım anlaşılabilir; sayfayla etkileşim mümkün olmaya devam ediyor. Tüm bu yenilikçi tasarım, mobil cihazların küçük ekranlarında sorunsuz bir şekilde klasik bir "ışık kutusuna" dönüşüyor. Fikir ilginç, demoya bakın, belki birisi böyle bir yaratıcılık katabilir.

    • 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ı

    14.Işık Katmanı

    Her projeye uyum sağlayan ve aynı zamanda her ekranda güzel görünen, kullanımı kolay bir ışık kutusu eklentisi. LightLayer eklentisi, arka plan rengini ve şeffaflık derecesini değiştirme, temel bloğun konumu, açma/kapama sırasında geçiş efektleri seçimi, kullanıcıların bağımsız olarak değiştirebileceği işlevler gibi birçok ayar üzerinde kontrol sağlar. Eklenti, harici web sitesi içeriği, gömülü video oynatıcılar ve haritalarla harika çalışır.

    • Bağımlılık: jQuery
    • Tarayıcı desteği: IE9+, Chrome, Firefox, Safari ve Opera
    • Lisans: MIT lisansı

    15. Akışkan Kutusu

    Fluidbox, yalnızca görüntülere yönelik bir ışık kutusu eklentisidir. Görüntü sunumundaki olası varyasyonların sayısı gerçekten etkileyicidir. Eklenti, kayan görüntüler, mutlak konumlu görüntüler, çerçeveli ve girintili, tek görüntülerden oluşan ve bir galeride birleştirilen resimler ve fotoğraflar dahil olmak üzere çeşitli tasarımlardaki görüntülerle harika çalışır. Genel olarak zaman kaybı, eklentinin tüm yeteneklerini kısa bir sunumla anlatmak hala mümkün değil, bu yüzden demoyu izlemek, çevirmek, ters çevirmek daha iyi ve bence birçok kişi bu eklentiyi beğenecek .

    • Bağımlılık: jQuery
    • Tarayıcı desteği: IE9+, Chrome, Firefox, Safari, Opera
    • Lisans: MIT lisansı

    Muhtemelen hepsi bu! Bu kısa incelemenin sunulan web geliştirme ürünlerinin yığınını anlamanıza yardımcı olacağını umuyorum. Seçimde sunulan eklentilerin tamamını çalışan projelerde kullanmadığımı belirtmek isterim; çoğunu test sitelerinde veya atölyede test ettim, bu nedenle herhangi bir soru ortaya çıkarsa büyük olasılıkla bunları birlikte çözeceğiz ve Her zaman olduğu gibi hep birlikte başaracağız.

    Amaçlarınıza uygun bir Rusça şablon mu arıyorsunuz? Bu durumda muhtemelen TemplateMonster pazarını ziyaret etmelisiniz. Basit bir nedenden dolayı, yakın zamanda sitede yeni bir şablonlar bölümü ortaya çıktı. Artık her kullanıcı güncellenecek ve güncellenecek koleksiyona aşina olabilir. Şablonların metinleri elle yazılmıştır. Ancak bu hazır çözümlerin tek avantajı bu değil. Sonuçta, paketlerinde görsel bir editör de dahil olmak üzere çevrimiçi bir proje geliştirme çalışmanızı kolaylaştıracak her şeyi bulabilirsiniz.

    Saygılarımla, Andrew

    WordPress için Lightbox eklentileri, görselleri geçerli sayfanın üstünde görüntülemek için sitenizde bir açılır pencere kullanmanıza olanak tanır. Güzel web siteleri oluşturmak için kullanılabilirler.

    Bu jQuery eklentileri web sitenize açılır pencereler eklemek için kullanılır. Slayt galerisinden herhangi bir görsele tıkladığınızda, o görsel ileri, önceki ve kapat butonlarıyla birlikte bir açılır pencerede açılır. Bu tür eklentiler, sıradan bir web sitesine muhteşem ve çekici bir görünüm kazandıran çok güzel efektlerin elde edilmesine yardımcı olduklarından, herhangi bir web tasarımcısı ve geliştiricisi için çok güçlü bir araçtır. JQuery eklentisini kullanmak için temel JavaScript ve jQuery bilgisine sahip olmanız gerekir. Temel bilgileri bilmiyorsanız eklenti açıklamasını okuyun ve talimatları izleyin. Her yıl güzel web siteleri oluşturmanıza yardımcı olacak birçok yeni jQuery eklentisi çıkıyor. Bunlar jQuery eklentilerişaşırtıcı özelliklere ve birçok yeni özelliğe sahip.

    WordPress için en iyi JQuery ışık kutusu eklentileri

    Bu yazıda size en iyi ve yararlı olanlardan bazılarının bir listesini sunmak istiyoruz. 2015 için JQuery açılır eklentileri güzel ve çekici web siteleri oluşturmanıza yardımcı olabilir.

    Işık Kutusu Kaydırıcı Galerisi

    Lightbox Slider Gallery, görüntüleri ve videoları görüntüleyen, yönetimi kolay, yerden tasarruf sağlayan bir jQuery galerisidir.

    WP jQuery Işık Kutusu

    WP jQuery Lightbox basit, hafif bir jQuery açılır eklentisidir. Efektleri yumuşatmak ve yönetilebilir görüntü boyutları için CSS3 geçişlerine sahiptir. Mobil cihazlar için geliştirildi.

    Lightbox Gallery, tek bir kod satırı olmadan, birkaç tıklamayla çarpıcı kaplama efektlerine sahip açılır görüntülerden oluşan galerileri kolayca oluşturmanıza yardımcı olan ücretsiz bir sihirbazdır.

    Kolay Süslü Kutu

    Easy FancyBox, görüntüleri, HTML içeriğini ve multimedyayı Macintosh ışık kutusu tarzında, bir web sayfasının üstünde görüntüleyen bir araçtır.

    Hafif kutu

    Lightbox duyarlı ve kullanıcı dostu bir açılır pencere eklentisidir. Bu jQuery eklentisinin kullanımı oldukça kolaydır ve gereksiz hiçbir özelliği yoktur.

    FooBox Görüntü Işık Kutusu

    FooBox Image Lightbox - Basitçe "yerleşik" kaydırıcılar olarak açılır pencerede bir resim galerisi oluşturmak için kullanılır. Büyük bir monitörün yanı sıra tablet veya akıllı telefonda da eşit derecede iyi çalışan, oldukça duyarlı bir jQuery eklentisi.

    Lightbox Plus Renk Kutusu

    Lightbox Plus Colorbox hafif, özelleştirilebilir bir jQuery eklentisidir. jQuery 1.3.2+ ile uyumlu Firefox tarayıcıları, Safari, Chrome, Opera, Internet Explorer 7+.

    Royal PrettyPhoto

    Royal PrettyPhoto, görüntüler, satır içi içerik, iFrame'ler için uygun başka bir jQuery açılır eklentisidir. Google haritaları, Ajax istekleri, Vimeo ve YouTube videoları.

    dFactory'nin Responsive Lightbox'ı, iddialı ve yaratıcı web tasarımcılarına ve geliştiricilerine fayda sağlayacak, sorunsuz, güçlü ve devrim niteliğinde bir jQuery açılır eklentisidir.

    Kolay Kaydırma Kutusu

    Easy Swipebox, masaüstü, mobil ve tabletlere yönelik bir jQuery eklentisidir. Bu kullanıcı dostu bir jQuery eklentisidir.

    Muhteşem Açılır Pencere

    Magnific Popup, en iyi kullanıcı deneyimini sağlamaya odaklanan duyarlı bir jQuery açılır eklentisidir. rahat çalışma herhangi bir cihazla (Zepto.js uyumlu).

    Işık Kutusu 2

    Lightbox 2, resimleri geçerli sayfanın üstünde görüntülemek için kullanılan küçük bir JavaScript kitaplığıdır. Kurulumu kolaydır ve tüm modern tarayıcılarla çalışır.