Domovská » Sada nástrojů » 15 Knihovny Lightbox pro mobilní odezvu

    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