15 Knihovny Lightbox pro mobilní odezvu

Lightbox je jedna populární cesta k překrývají obrázky na webu. Když kliknete na obrázek, Lightbox se objeví s nějakou formou animace a ztmavne pozadí, takže vaše zaměření je na samotném obrázku. Obraz je také větší v měřítku. Nejoblíbenější knihovny Lightbox JavaScript, které známe již několik let, vám to umožňují dobře na desktopu, ale ne tak na mobilních platformách.

Zanedbání tohoto a potřebu reagovat není v dnešní době dobrý nápad, proto je třeba tuto sbírku 15 responzivních knihoven Lightbox vyzkoušet..

Více o Hongkiatu:

• Vytvoření modálního okna snadno pomocí HTML5 Dialog
• Top 10 Free Responzivní Galerie obrázků / Prezentace
• Vytvořit, řídit a přizpůsobit lepší modální okno pro vaše stránky pomocí Vex
• jQuery Galerie obrázků a jezdců - Best Of

PhotoSwipe

PhotoSwipe je zdaleka můj oblíbený plugin pro ligthbox. Je to lehké, dotykové, a co je nejdůležitější modulární, který mi umožňuje příkop pár částí, které nejsou potřeba. Běží pěkně v mobilních prohlížečích. Snímky můžete procházet prstem stejně jako v nativní aplikaci a přechod probíhá opravdu hladce.

• Závislost: Žádný
• Podpora prohlížeče: IE8 +, Chrome, Firefox, Safari, Opera a několik mobilních prohlížečů.
• Licence: Licence MIT

MagnificPopup

MagnificPopup je další plugin lightbox, vyvinutý stejnou osobou, která nám dala PhotoSwipe, Dmitry Semenov. Dodává se ve formě pluginu jQuery / Zepto a také přináší možnosti, které chybí v aplikaci PhotoSwipe, jako je podpora obsahu videa, mapy a Ajax. To je skvělá alternativa pro ty, kteří preferují mít více funkcí po ruce.

• Závislost: jQuery 1.9.1+ nebo Zepto.js
• Podpora prohlížeče: IE7 (částečně), IE8 +, Chrome, Firefox, Safari a Opera.
• Licence: Licence MIT

SwipeBox

Přejetím je plugin jQuery s podporou dotykových gest pro mobilní platformu. Kromě obrázků podporuje také videa z Youtube a Vimeo. Swipebox je také snadno implementovatelný a má několik možností přizpůsobit jeho chování. Myslím, že Swipebox je skvělý lightbox plugin pro JavaScript noobs.

• Závislost: jQuery
• Podpora prohlížeče: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android a Windows Phone.
• Licence: Nedefinováno

iLightbox

iLighbox je jQuery lightbox pluginy s širokou škálou podporovaných typů médií: včetně videa, Flash / SWF, obsahu Ajax, iframe a map. Tento plugin také přidává tlačítka sociálních médií v horní části médií, což umožňuje uživatelům sdílet je s Facebook, Twitter nebo Reddit. Podívejte se také do rozšířené sekce, abyste zjistili, jak lze aplikaci iLightbox použít v různých scénářích.

• Závislost: jQuery
• Podpora prohlížeče: IE7 +, Chrome, Firefox, Safari a Opera
• Licence: Nedefinováno

Lightbox pro Bootstrap

Světelný box je jedním z do očí bijících kousků z Bootstrapu. Tento plugin to opravuje. Pokud používáte Bootstrap, doporučuji tuto knihovnu používat. Plugin je dobře integrován s Bootstrap kódem.

• Závislost: jQuery a Bootstrap Modal
• Podpora prohlížeče: IE8 +, Chrome, Firefox, Safari a Opera
• Licence: Licence GNU

Nivo Lightbox

Nivo Lightbox je flexibilní plugin pro lightbox. K dispozici je několik možností, jak změnit vzhled na způsob, jakým se vám líbí, jako je změna motivu, efekt přechodu a přepnutí navigace..

• Závislost: jQuery
• Podpora prohlížeče: IE9 +, Chrome, Firefox, Safari a Opera
• Licence: Licence MIT

ImageLightbox

ImageLightbox je plugin lightbox bez bloat. Je postaven speciálně pro obraz, tedy jméno dané - žádné video nebo jiný typ média podporovaný. Také nevyžaduje vnější značení HTML; postačující. Plugin funguje.

• Závislost: jQuery
• Podpora prohlížeče: IE9 +, Chrome, Firefox, Safari a Opera
• Licence: Nedefinováno

Mini Lightbox

Další plugin pro lightbox s žádným bloatem. Knihovna je pouze 2 kb a funguje pouze s obrázky. Je to perfektní plugin, pokud určujete pouze nejnovější prohlížeč a nepotřebujete překrýt jiné typy médií, jako jsou videa.

• Závislost: Žádný
• Podpora prohlížeče: IE10 +, Chrome, Firefox, Safari a Opera
• Licence: Licence MIT

LightCase

Lightcase je krásný plugin pro lightbox. Dodává se s několika animacemi, které umožňují interakci s uživatelem, jako je fade, elastický zoom a rolování. Dále také podporuje různé typy médií, včetně Youtube embed, HTML videa, SWF a vstupních formulářů. Zásuvka také správně zpracovává média, kterých nelze dosáhnout, nebo nalezené chyby

• Závislost: jQuery
• Podpora prohlížeče: IE9 +, Chrome, Firefox, Safari a Opera
• Licence: Licence GPL

Yalb

Yalb je zkratka Yet Another Lightbox - ale není to tak. Yalb přichází s několika API, včetně vlastních událostí, které vám umožní identifikovat stavy lightboxů, například když je otevřeno a kdy je zavřít. Yalb přichází ve dvou verzích, Vanilla JavaScript a jQuery plugin.

• Závislost: Žádný
• Podpora prohlížeče: IE9 +, Chrome, Firefox, Safari a Opera
• Licence: Licence MIT

FeatherLight

6kb Featherlight je holý plugin pro důvtipné vývojáře a nese pouze základy. Pokud potřebujete například seskupit obrázek lightboxu do galerie, můžete přidat rozšíření galerie. Můžete také vytvořit vlastní rozšíření pro tento plugin, aby se vešly do vašich potřeb projektu.

• Závislost: jQuery
• Podpora prohlížeče: IE8 +, Chrome, Firefox, Safari a Opera
• Licence: Licence MIT

LightLayer

LightLayer je snadno použitelný plugin pro lightbox. Má několik možností, vlastní metody JavaScript a vlastní události. plugin pracuje s obrázky, videy, mapami a externím obsahem. A co víc, můžeme se zeptat.

• Závislost: jQuery
• Podpora prohlížeče: IE9 +, Chrome, Firefox, Safari a Opera
• Licence: Licence MIT

LightGallery

LightGallery, Další doplněk lightbox s mnoha funkcemi. Dodává se s více než 20 možnostmi přizpůsobit nejmenší detaily lightboxu.

• Závislost: jQuery
• Podpora prohlížeče: IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android a Windows Phone
• Licence: Licence MIT

FluidBox

Fluidbox je plugin lightboxu, který je inspirován médiem Medium. Pracuje s obrazy za různých okolností včetně plovoucího obrazu, obrazu s absolutní pozice, obrazy, které mají ohraničení a polstrování, a galerie. Podívejte se, jak byl postaven. Pokud potřebujete plugin WordPress, existuje jeden.

• Závislost: jQuery
• Podpora prohlížeče: IE9 +, Chrome, Firefox, Safari, Opera
• Licence: Licence MIT

StripJS

StripJS je unikátní plugin pro lightbox. Namísto překrytí obrázku místo toho plugin vloží obrázky ze strany, takže nebude blokovat celý obsah. StripJS podporuje obraz i video.

• Závislost: jQuery
• Podpora prohlížeče: IE7 +, Chrome, Firefox, Safari, Opera, iOS 5+ a Android 3+
• Licence: Creative Commons BY-NC-ND 3.0 licence