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