jQuery Lightbox'ın açıklaması. WordPress Lightbox komut dosyası için en iyi lightbox eklentileri

En popüler kütüphane ise yıllardır masaüstlerinde kullandığımız ancak mobil platformlarda kullanmadığımız Lightbox Javascript.

İşte mobil platformları destekleyen 14 Lightbox eklentisi.

Fotoğraf Kaydırma

PhotoSwipe - Hafif, dokunmatik özellikli ve en önemlisi ihtiyaç duyulmayan gereksiz parçaları çıkarmanıza izin veren modüler bir eklenti. Mobil tarayıcılarda iyi çalışır. Görüntüleri, standart bir uygulamaymış gibi, yumuşak geçişlerle parmağınızı kaydırarak değiştirebilirsiniz.

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

muhteşem açılır pencere

Magnific Popup, PhotoSwipe, Dmitry Semenov ile aynı yazar tarafından geliştirilen başka bir lightbox eklentisidir. Eklenti bir jQuery / Zepto eklentisi olarak gelir ve ayrıca video, harita ve Ajax desteği gibi PhotoSwipe'ın eksik olduğu desteği içerir. Bu, daha fazla seçeneğe sahip olmayı tercih edenler için harika bir alternatif.

• Gerekli kütüphaneler: JQuery 1.9.1+ veya Zepto.js
• Tarayıcı desteği: IE7 (kısmen).
• Lisans: MIT Lisansı

Kaydırma Kutusu

Mobil platformlar için dokunma hareketi destekli Swipebox jQuery eklentisi. Görüntülerin yanı sıra Youtube ve Vimeo videolarını da destekler. Swipebox'ın kurulumu kolaydır ve yapılandırmasını değiştirmek için çeşitli seçeneklere sahiptir. Bence Swipebox, JavaScript bilmeyenler için fazla karmaşık bir lightbox eklentisi.

Bootstrap için Işık Kutusu

Başlangıçta, Lightbox eklentisi Bootstrap'ta eksiktir. Bootstrap için Lightbox bunu düzeltir. Bootstrap kullanıyorsanız bu kitaplığı kullanmanız şiddetle tavsiye edilir. Eklenti, Bootstrap ile iyi bir şekilde bütünleşir.

• Gerekli kitaplıklar: JQuery ve Bootstrap modülü
• Tarayıcı desteği: IE8 +, Chrome, Firefox, Safari ve Opera
• Lisans: GNU lisansı

Nivo ışık kutusu

Nivo Lightbox, son derece özelleştirilebilir bir lightbox eklentisidir. Çeşitli seçenekler, görünümü değiştirmenize izin verir. Örneğin: tema, görünüm animasyonu ve gezinme türü.

• Gerekli kitaplıklar: JQuery
• Tarayıcı desteği:
• Lisans: MIT Lisansı

ResimIşık kutusu

ImageLightbox, zil ve ıslık içermeyen basit bir ışık kutusu eklentisidir. Sadece görüntü için kullanılır, dolayısıyla adı. Ne video ne de diğer türler desteklenmez. Ayrıca ek HTML işaretlemesi gerektirmez; etiket yeterlidir. Bu eklentinin kullanımı kolaydır.

• Gerekli kitaplıklar: JQuery
• Tarayıcı desteği: IE9 +, Chrome, Firefox, Safari ve Opera
• Lisans: Belirtilmemiş

Mini Işık Kutusu

Eklentileri olmayan başka bir lightbox eklentisi. Kitaplık yalnızca 2 kilobayt ağırlığındadır ve yalnızca görüntülerle çalışır. Yalnızca en son tarayıcı için geliştiriyorsanız ve videoları veya diğer biçimleri desteklemeniz gerekmiyorsa, bu mükemmel bir eklentidir.

• Gerekli kitaplıklar: Numara
• Tarayıcı desteği: Internet Explorer 10+, Chrome, Firefox, Safari ve Opera
• Lisans: MIT Lisansı

Hafif Kasa

Lightcase mükemmel bir lightbox eklentisidir. Solma, elastik, yakınlaştırma ve kaydırma gibi çeşitli animasyon türlerini destekler. Ayrıca, Youtube Embed, HTML video, SWF ve giriş formları dahil olmak üzere çeşitli medya türlerini de destekler.

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

Tüy hafifliğinde

Featherlight, bilgili geliştiriciler için temel bir 6KB eklentisidir ve yalnızca temel öğeleri içerir. Örneğin bir galerideki bir grup resim için bir ışık kutusu efektine ihtiyacınız varsa, galeri uzantısını etkinleştirebilirsiniz. Projelerinizde kullanmak için kendi eklenti uzantınızı da geliştirebilirsiniz.

• Gerekli kitaplıklar: JQuery
• Tarayıcı desteği: IE8 +, Chrome, Firefox, Safari ve Opera
• Lisans: MIT Lisansı

Işık Katmanı

LightLayer, kullanımı kolay bir lightbox eklentisidir. Eklenti birçok seçeneği, özel JavaScript yöntemini ve özel olayları destekler. Eklenti resimler, videolar, haritalar ile çalışır.

• Gerekli kütüphaneler: JQuery
• Tarayıcı desteği: IE9 +, Chrome, Firefox, Safari ve Opera
• Lisans: MIT Lisansı

IşıkGalerisi

LightGallery, birçok özelliğe sahip başka bir lightbox eklentisi. Lightbox efektlerinin çeşitli ayrıntılarını özelleştirmek için 20'den fazla seçenek içerir.

• Gerekli kitaplıklar: JQuery
• Tarayıcı desteği: IE7 +, Chrome, Firefox, Safari, Opera, IOS, Android ve Windows Phone
• Lisans: MIT Lisansı

Akışkan Kutusu

Fluidbox lightbox eklentisi resimlerle çalışır. Kayan görüntüler, mutlak konumdaki görüntüler, kenarlıklı ve dolgulu görüntüler ve galeriler dahil olmak üzere çeşitli ekranlar için destek içerir. Ayrıca bir WordPress eklentisi var.

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

StripJS

StripJS benzersiz bir lightbox eklentisidir. Bir görüntüyü üst üste bindirmek yerine, ışık kutusu modülü görüntüyle birlikte bir yandan diğer yana kayar, böylece görüntü tüm içeriği engellemez. StripJS hem görüntüleri hem de videoları destekler.

• Gerekli kitaplıklar: JQuery
• Tarayıcı desteği: IE7 +, Chrome, Firefox, Safari, Opera, IOS 5+ ve Android 3+
• Lisans: Creative Commons BY-NC-ND 3.0 Lisansı

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

Betik, görüntüleri tek olarak ve açılır pencerenin içinde geçiş yaparak görüntülemenizi sağlar.

Kullanım için talimatlar.

BÖLÜM I: Kitaplığı bağlama.

1. Arşivi buradan komut dosyasıyla indirin ve paketinden çıkarın

2. JS klasöründe dosyaları bulun jquery-1.10.2.min.js ve lightbox-2.6.min.js ve bunları sitenizdeki komut dosyalarınızın bulunduğu klasöre kopyalayın.

3. Etiketlerin arasına yazarak bu komut dosyalarını sayfanıza bağlayın aşağıdaki satırlar:

4. css klasöründe lightbox.css dosyasını bulun ve stil dosyaları klasörünüze kopyalayın.

5. Etiketler arasına yazarak bu dosyayı sayfanıza bağlayın aşağıdaki satırlar:

6. img klasöründen aşağıdaki dosyaları sunucunuza web sitenizin tasarım görsellerinin bulunduğu klasöre kopyalayın: ve sonraki.png... Bu dosyalar stil sayfasında kullanılır lightbox.css... Varsayılan olarak, stil dosyası, css klasörüyle aynı ebeveyne sahip olan img klasöründe bulunan resimlere başvurur. Resimler klasörünüz ve stiller klasörünüz tamamen farklı klasörlerdeyse, lightbox.css dosyasındaki resimlerin yollarını uygun olanlarla değiştirmelisiniz.

BÖLÜM II: Sayfaya resim ekleme.

Bu komut dosyası, bir bağlantı tıklandığında tetiklenir. Bağlantı, metin veya resim olabilir. Komut dosyasına hangi bağlantının işlenmesi gerektiğini söylemek için, bağlantıya özniteliği eklemeniz gerekir. data-lightbox ve ona herhangi bir değer yazın.

Tek resimler.

Bağlantı metni 1 Bağlantı metni 2 Bağlantı metni 3

* başlık özelliği istendiğinde doldurulabilir. Doluysa, içeriği açılır görüntünün altında görüntülenecektir.

Bir grup resim.

Diyelim ki bir resim grubunuz var ve bağlantılardan birine tıkladığınızda, açılır pencereyi kapatmanıza gerek kalmadan açılır pencerede bu gruba ait tüm resimler arasında gezinebilmek istiyorsunuz.

Bağlantı metni 1 Bağlantı metni 2 Bağlantı metni 3

* Daha önce LiteBox betiği için rel = "lightbox" özniteliğini kullandınız. Şimdi kullanabilirsiniz ve işe yarayacaktır, ancak daha fazla olanak sağladığı için yeni öznitelikleri kullanmak tercih edilir.

Her şey yapılmış gibi görünüyor, her şey çalışmalı, ancak:

Resimlerden bir grup resim oluşturursak, açılır pencerede görüntülendiğinde resimlerin altında gösterilir "Resim 1 / 8"? ama böyle bir şey görmek isterdim "Resim 1 / 8".

Bunu yapmak için, 13. satırdaki lightbox-2.6.min.js dosyasında şunu değiştirmeniz gerekir:

"Resim" + b + "of" + c döndür

"Resim" + b + "of" + c döndür

"Resim" + b + "dan" + c döndür

"Resim" + b + "dan" + c döndür

Bu betiği en son kullandığımda, atlıkarınca betiğiyle birlikte kullanmam gerekiyordu, bu yüzden bir aksaklık fark ettim.

Aşağıda arızanın açıklaması ve nasıl düzeltileceği yer almaktadır.

Sayfamızda 2 farklı resim grubumuz varsa ve örneğin birinci grupta resimlerin alt yazıları var (başlık özelliği doldurulmuş), ikinci grupta ise başlık özelliği boş değerlere sahip veya hiç belirtilmemişse, resimleri açıklaması olmayan görüntülerken (açıklamalı en az bir resim görüntülemişsek), en son görüntülenen resmin bir açıklamasını görüntülemeye devam edeceğiz. Yani, komut dosyası açılır pencerenin başlığını temizlemeyi reddeder, varsa yenisiyle değiştirir. Nasıl düzeltilir?

Title özniteliğini temizlememe hatasını düzeltmek için lightbox-2.6.min.js dosyasındaki metni 219. satırda değiştirin:

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

if (typeof this. album [this.currentImageIndex]. title! == "undefined" & amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp; amp ; amp; amp; amp; amp; amp; amp; amp; bu. albüm [bu. currentImageIndex]. başlık! == "") (bu. $ lightbox. find (".lb-caption"). html (bu . albüm [bu. currentImageIndex]. başlık). fadeIn ("hızlı"))

Bu yazıda, WordPress sitesinde Lightbox Effect için test edilen WordPress sitesindeki 14 Lightbox Effect Eklentisini inceledim. Işık kutusu, fotoğraf tıklandığında kalıcı bir pencerede bir web sayfasında fotoğrafın gösterildiği bir fotoğraf efektidir.

Kalıcı pencerede, fotoğraf orijinalin boyutuna büyütülür. Aynı zamanda, sayfanın diğer kısmı (arka plan) kaybolur, "ekran kapanır." Bu, site ziyaretçilerine sayfadan ayrılmadan resme yakından bakma fırsatı verir. WordPress sitesindeki Işık Kutusu efekti için JavaScript kitaplıkları kullanılır: jQuery, MooTools.

Lightbox JS v2.0

• http://lokeshdhakar.com/projects/lightbox2/
• https://github.com/lokesh/lightbox2/

Lightbox JS, geçerli sayfadaki görüntüleri kaplamak için kullanılan basit, göze batmayan, sistem dışı bir komut dosyasıdır. Tüm modern tarayıcılarda çalışır. Bu, Lokesh Dhakar'ın ilk Lightbox JS'sinin en son sürümüdür. Eklenti özellikleri şunları içerir:

• index.html
• Js / jquery-1.7.2.min.js
• Js / lightbox.js
• Css / lightbox.css
• resimler / kapat.png
• resimler / sonraki.png
• resimler / önceki.png
• Ayrıca demo sayfası için bazı dosyalar

Lightbox Plus ColorBox

Lightbox Plus eklentisi, Lokesh Dhakar'ın Lightbox JS yöntemini uygulayan bir eklentidir (yukarıya bakın). Lightbox Plus, web sayfası ekranında kaplama görüntüleri oluşturmak için kullanılır ve kaplama görüntüsüne doğru bağlantıları otomatik olarak ekler. Lightbox Plus, WordPress ışık kutularına resim galerileri ekleyebilir, basit slayt gösterileri, videolar, formlar ve açılır pencere kaplamalarında harici içerik (metinler) görüntüleyebilir. Arka sayfa, "boşluk" efekti olarak adlandırılan koyu veya açık bir arka planla karartılır.

https://github.com/AlekseyKorzun/LightBox-Gone-Wild—onLoad

Bu makale, güzel web siteleri oluşturmanıza yardımcı olacak en iyi jQuery Lightbox eklentilerini topladı.

Bu jQuery eklentileri, sitenize açılır pencereler eklemek için kullanılır. Bu tür eklentiler, normal bir web sitesine etkili ve çekici bir görünüm veren çok güzel efektler elde etmeye 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 bir JavaScript ve jQuery bilgisine ihtiyacınız var. Temel bilgileri bilmiyorsanız, eklenti açıklamasını okuyun ve talimatları izleyin.

IşıkZoom

Yazdığım bir eklenti ile başlayacağım -. Eklentinin nasıl çalıştığını bu makalede görebilirsiniz - tüm resimler tıklanabilir. Bunu geliştirmedeki amacım, yalnızca görüntüler için basit bir ışık kutusu yapmaktı, slayt gösterisi efektleri vb. yok.

Hafif, dokunmatik destekli ve en önemlisi ihtiyaç duyulmayan gereksiz parçaları çıkarmanızı sağlayan modüler bir eklenti. Mobil tarayıcılarda iyi çalışır. Görüntüleri, standart bir uygulamaymış gibi, yumuşak geçişlerle parmağınızı kaydırarak değiştirebilirsiniz.

Bootstrap için Işık Kutusu

Başlangıçta, Lightbox eklentisi Bootstrap'ta eksiktir. düzeltir. Bootstrap kullanıyorsanız bu kitaplığı kullanmanız önerilir. Eklenti, Bootstrap ile iyi bir şekilde bütünleşir.

şerit

Strip, benzersiz bir lightbox eklentisidir. Bir görüntüyü üst üste bindirmek yerine, ışık kutusu modülü görüntüyle birlikte bir yandan diğer yana kayar, böylece görüntü tüm içeriği engellemez. Strip hem görüntüleri hem de videoları destekler.

Duyarlı ışık kutusu galerileri oluşturmak için bir JavaScript kitaplığıdır. Hafif ve mobil uyumlu, özelleştirilmesi kolay ve sorunsuz CSS3 görüntü geçişleri.

yeniden kutula

Rebox, çok hafif ve hızlı bir içerik ışık kutusudur. Çoğunlukla görseller için tabii ki. Eklentiyi başlatmak için yalnızca JS ve CSS kitaplığını bağlamanız gerekir.

Güzel bir lightbox eklentisi. Solma, elastik, yakınlaştırma ve kaydırma gibi çeşitli animasyon türlerini destekler. Ayrıca, Youtube Embed, HTML video, SWF ve giriş formları dahil olmak üzere çeşitli medya türlerini de destekler.

IşıkGalerisi

LightGallery, duyarlı galeriler oluşturmak için kolayca özelleştirilebilir bir jQuery eklentisidir. Kesinlikle ihtiyacınız olan her şeye sahiptir: ışık kutusunda görüntüleme, slayt gösterisi, tam ekrana yakınlaştırma, küçük resimler. Ayrıca galeriyi görüntüleyen bir kullanıcı hemen bir resim indirebilir.

Atölyedeki bazı arkadaşlarının aksine, açılır pencerede herhangi bir şey görüntülemek için bir kombinasyon değildir. Eklenti oluşturuldu ve yalnızca görüntüleri görüntülemek amacıyla çalışıyor - hem tekli hem de bir setin (galeri) parçası olarak, ancak bu onu daha az çekici kılmıyor.

jQuery Lightbox Eklentisi

jQuery LightBox eklentisi basit, şık, göze batmayan, ek işaretleme gerektirmez ve jQuery seçicinin gücü ve esnekliği sayesinde mevcut sayfadaki görüntülerin üst üste bindirilmesi için kullanılır.

Bazı öğelerin, resimlerin, ajax sayfalarının basit metinlerinin yerleştirilmesiyle iletişim kutuları oluşturmanıza izin verilirken, facebook tarzında iletişim kutuları oluşturmanıza izin verir.

Güzel kalıcı pencerelerde fotoğraf galerileri oluşturmaya ve diğer içerikleri görüntülemeye yarar. Bir web sitesi ve fotoğraf galerisi planlıyorsanız ve kalıcı pencerelere bazı içerikler yerleştiriyorsanız, bu komut dosyasına dikkat edin.

Oldukça hafiftir, görüntüleri pencereye uyacak şekilde yeniden boyutlandırabilir ve kurulumu kolaydır.

ImageLightbox.js, aynı anda video, metin ve çerçeveler için değil, yalnızca görüntüler için bir ışık kutusudur. Varsayılan olarak üstbilgi, gezinme düğmesi veya arka plan yoktur.

YouTube ve Vimeo'dan görüntüler ve videolar da dahil olmak üzere birçok içerik türünü görüntüleyebilen bir jQuery UI medya kutusudur. Burada Panorama ve Canlı Yeniden Boyutlandırma dahil birçok benzersiz özellik var.

jQuery TosRus

jQuery TosRus, videolar ve resimlerle çalışmak için kullanışlı ve işlevsel bir jQuery eklentisidir. Komut dosyası, aynı anda bir ışık kutusu aracı ve yatay bir kaydırıcı görevi görebilir. Modallardaki içerik varsayılan olarak duyarlıdır. Dokunmatik cihazlar için uyarlanmıştır.

- Bu, jQuery'de geleneksel olanlardan daha gelişmiş işlevselliğe sahip lightbox çeşitlerinden biridir. Tüm analoglar gibi, arka plan şeffaflığını, oluşturma hızını, efektleri, boyutları, altyazıları vb. kontrol etmek için bir dizi ayara sahiptir.

Yüksek çözünürlüklü görüntüler için ideal olan, göze batmayan, duyarlı bir lightbox sağlamak üzere tasarlanmış bir jQuery eklentisidir. Mobil cihazlarda harika çalışır ve görüntülerin güzel görüntülenmesi için daha yüksek çözünürlüklü ekranlara da uygulanabilir.

- Masaüstü bilgisayarlar, akıllı telefonlar ve tabletler için jQuery eklentisi. Mobil için dokunmatik kontrolleri, masaüstü cihazlar için klavye navigasyonunu, jQuery kontrollerine geri dönüşlü CSS geçişlerini destekler ve kurulumu oldukça kolaydır.

jQuery Süper Kutusu

jQuery Superbox, görüntüler, görüntü grupları, harici sayfalar veya belirli içerik için ışık kutuları oluşturmayı çok kolaylaştırır. Eklenti tamamen erişilebilir ve basittir ve komut dosyasını çalıştırmak için "rel" özelliğini ve bir görüntünün veya sayfanın URL'sini belirtmek için "href" özelliğini kullanır.

- Video, Flash / SWF, Ajax, çerçeveler ve haritalar dahil olmak üzere çeşitli medya formatları için geniş desteğe sahip jQuery lightbox eklentisi. Bu eklenti ayrıca en üste sosyal medya düğmeleri ekleyerek kullanıcılarının Facebook, Twitter veya Reddit'te paylaşmasına olanak tanır. Ayrıca, farklı durumlarda hangilerinin uygulanabileceğini görmek için ek ayarlar vardır.

Resimleri, iFrame'leri, Google Haritaları, Vimeo ve YouTube videolarını görüntülemek için uygun başka bir duyarlı jQuery Lightbox eklentisidir. Eklenti, ekrandaki bir görüntünün maksimum genişliğini hesaplar ve pencere yüksekliğinden daha büyük olsa bile orantılı bir yüksekliği korur.

jQuery kullanarak kolayca güzel açılır pencereler oluşturmanıza olanak tanır. Güçlü bir API kullanarak medya içeriğinizi otomatik olarak geliştirebilir veya istediğiniz açılır pencereler oluşturabilirsiniz.

Harika bir duyarlı ışık kutusu. Herhangi bir ekranda harika görünen çarpıcı galeriler oluşturmak için kullanılabilir.

Magnific Popup, performansa odaklanan, kullanımı kolay bir jQuery lightbox eklentisidir. Ana hedefi, herhangi bir cihazda kullanıcı dostu bir deneyim sağlamaktır.

Bilgili geliştiriciler için 6 kilobayt ağırlığındaki temel eklenti, yalnızca temel öğeleri içerir. Örneğin bir galerideki bir grup resim için bir ışık kutusu efektine ihtiyacınız varsa, galeri uzantısını etkinleştirebilirsiniz. Projelerinizde kullanmak için kendi eklenti uzantınızı da geliştirebilirsiniz.

jQuery ile oluşturulmuş bir resim sitesine rastlarsanız, büyük olasılıkla bir ışık kutusu kullanacaktır. Lightbox'ın gücü, basit bir resim kitaplığını bile çekici ve etkili bir galeriye dönüştürebilmesidir. Bu özel özellik, web tasarımı alanında bu tür jQuery eklentilerinin popülaritesidir.

jQuery topluluğu sayesinde, görüntü tasarımcıları için harika fırsatlar yaratan çok sayıda ışık kutusu eklentisi var. Eğitimimizde dikkat etmeniz gereken 15 farklı eklenti var.

Yükleme

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

Highslide Eklentisi

Highslide, resimleri, medyayı ve galerileri görüntülemek için özel bir araçtır.

Renk kutusu

jQuery 1.3+ için küçük yapılandırılabilir eklenti.

Lightbox 2, geçerli sayfada yer paylaşımlı bir görüntü oluşturmak için kullanılan basit, göze batmayan 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 video, flash, YouTube ve Ajax'ı da destekler. Medya dosyaları için ışık kutusu.

Slimbox 2, jQuery ile uygulanan Light box 2'nin 4 KB'lık bir klonudur.

Shadowbox, tüm popüler formatları destekleyen web tabanlı bir medya görüntüleyicidir. Shadowbox, JavaScript ve CSS ile yazılmıştır ve son derece özelleştirilebilir.

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çabilme yeteneğidir.

Diğer harika özellikler arasında otomatik görüntü yeniden boyutlandırma ve sürükle ve bırak desteği bulunur.

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

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