15 Knjižnice Lightbox za mobilno odzivnost

Lightbox je priljubljen način prekrivne slike na spletu. Ko kliknete na sliko, se Lightbox pojavi z neko obliko animacije in zatemni ozadje, tako da je vaš poudarek na sami sliki. Slika je tudi večja v merilu. Najbolj priljubljene knjižnice JavaScript Lightbox, ki jih že dolga leta poznamo, vam omogočajo, da to naredite dobro na namizju, vendar ne toliko na mobilnih platformah.

Zanemarjanje tega in potreba po odzivnosti danes ni dobra ideja, zato je treba to zbirko 15 odzivnih knjižnic Lightbox odjaviti..

Več o storitvi Hongkiat:

• Preprosto ustvarjanje modalnega okna z dialogom HTML5
• Top 10 brezplačnih slikovnih galerij / diaprojekcij
• Ustvarjanje, nadzor in prilagajanje boljšega modalnega okna za vašo stran z uporabo Vexa
• jQuery Galerije slik in drsniki - Best Of

PhotoSwipe

PhotoSwipe je daleč moj najljubši ligthbox plugin. Je lahek, omogočen na dotik in kar je najpomembnejše modularno, kar mi omogoča, da izločim nekaj delov, ki niso potrebni. Lepo deluje v mobilnih brskalnikih. S prstom lahko potegnete s slikami, kot bi jih uporabljali v izvirni aplikaciji, prehod pa poteka zelo gladko.

• Odvisnost: Ni
• Podpora za brskalnik: IE8 +, Chrome, Firefox, Safari, Opera in nekaj mobilnih brskalnikov.
• Licenca: Licenca MIT

MagnificPopup

MagnificPopup je še en vtičnik lightbox, ki ga je razvila ista oseba, ki nam je dal PhotoSwipe, Dmitry Semenov. Na voljo je v obliki vtičnika jQuery / Zepto, prinaša pa tudi zmožnosti, ki manjkajo v aplikaciji PhotoSwipe, kot je podpora za video, zemljevid in vsebino Ajax. To je odlična alternativa za tiste, ki imajo raje več funkcij pri roki.

• Odvisnost: jQuery 1.9.1+ ali Zepto.js
• Podpora za brskalnik: IE7 (delno), IE8 +, Chrome, Firefox, Safari in Opera.
• Licenca: Licenca MIT

SwipeBox

Swipebox je vtičnik jQuery s podporo za gibanje na dotik za mobilno platformo. Prav tako podpira video posnetke z Youtube in Vimeo poleg slik. Swipebox je prav tako preprosto izvedljiv in ima precej možnosti za prilagoditev njegovega vedenja. Mislim, da je Swipebox odličen plugin za JavaScript za noobs.

• Odvisnost: jQuery
• Podpora za brskalnik: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android in Windows Phone.
• Licenca: Nedoločeno

iLightbox

iLighbox je jQuery vtičnik lightbox s široko paleto podpore medijev: vključno z videoposnetki, Flash / SWF, Ajax vsebino, iframeom in zemljevidi. Ta vtičnik dodaja tudi gumbe za družabne medije na vrhu medijev, kar omogoča vašim uporabnikom, da jih delijo na Facebook, Twitter ali Reddit. Oglejte si tudi napredni del, da vidite, kako lahko iLightbox uporabite v različnih scenarijih.

• Odvisnost: jQuery
• Podpora za brskalnik: IE7 +, Chrome, Firefox, Safari in Opera
• Licenca: Nedoločeno

Lightbox za Bootstrap

Lahka škatla je eden izmed očitno manjkajočih kosov iz Bootstrap. Ta vtičnik to popravi. Če uporabljate Bootstrap, vam priporočam uporabo te knjižnice. Vtičnik je dobro integriran z bazo kode Bootstrap.

• Odvisnost: jQuery in Bootstrap Modal
• Podpora za brskalnik: IE8 +, Chrome, Firefox, Safari in Opera
• Licenca: Licenca GNU

Nivo Lightbox

Nivo Lightbox je prilagodljiv vtičnik Lightbox. Vključenih je več možnosti za spreminjanje videza v način, ki ga želite prikazati, na primer spreminjanje teme, učinek prehoda in preklapljanje med navigacijo..

• Odvisnost: jQuery
• Podpora za brskalnik: IE9 +, Chrome, Firefox, Safari in Opera
• Licenca: Licenca MIT

ImageLightbox

ImageLightbox je vtičnik LightBox brez bloat. Zasnovan je posebej za sliko, zato je podano ime - ni podprt noben video ali drug medij. Prav tako ne potrebuje dodatnega HTML oznake; zadostuje. Plugin samo deluje.

• Odvisnost: jQuery
• Podpora za brskalnik: IE9 +, Chrome, Firefox, Safari in Opera
• Licenca: Nedoločeno

Mini Lightbox

Še en vtičnik Lightbox, ki nima nobenega bloat. Knjižnica je samo 2kb in deluje samo s slikami. To je popoln vtičnik, če določate samo najnovejši brskalnik in ne potrebujete prekrivanja drugih vrst medijev, kot so videoposnetki.

• Odvisnost: Ni
• Podpora za brskalnik: IE10 +, Chrome, Firefox, Safari in Opera
• Licenca: Licenca MIT

LightCase

Lightcase je lep vtičnik Lightbox. Na voljo je z več animacijami, ki uporabniku omogočajo interakcijo, kot so zbledi, elastični zoom in drsenje. Poleg tega podpira tudi različne vrste medijev, vključno z YouTube embed, HTML video posnetki, SWF in vnosnimi obrazci. Vtičnik tudi pravilno obdeluje medije, da jih ni mogoče doseči ali najti napak

• Odvisnost: jQuery
• Podpora za brskalnik: IE9 +, Chrome, Firefox, Safari in Opera
• Licenca: GPL licenca

Yalb

Yalb stoji za Yet Another Lightbox - vendar ni. Yalb ima na voljo nekaj API-jev, vključno z dogodki po meri, ki vam omogočajo, da prepoznate stanja Lightbox-a, na primer takrat, ko je odprto in ko je blizu. Yalb je na voljo v dveh različicah: Vanilla JavaScript in jQuery plugin.

• Odvisnost: Ni
• Podpora za brskalnik: IE9 +, Chrome, Firefox, Safari in Opera
• Licenca: Licenca MIT

FeatherLight

6kb Featherlight je prazen vtičnik za pametnega razvijalca in nosi le bistvene elemente. Če potrebujete, na primer, skupino slikovnih sporočil v galeriji, lahko vključite razširitev galerije. Prav tako lahko razvijete svojo lastno razširitev, da bo ta vtičnik ustrezal vašim projektnim potrebam.

• Odvisnost: jQuery
• Podpora za brskalnik: IE8 +, Chrome, Firefox, Safari in Opera
• Licenca: Licenca MIT

LightLayer

LightLayer je enostaven za uporabo vtičnik Lightbox. Ima nekaj možnosti, metode po meri JavaScripta in dogodke po meri. vtičnik deluje s slikami, videoposnetki, zemljevidi in zunanjo vsebino. Še več, lahko vprašamo.

• Odvisnost: jQuery
• Podpora za brskalnik: IE9 +, Chrome, Firefox, Safari in Opera
• Licenca: Licenca MIT

LightGallery

LightGallery, še en vtičnik Lightbox z dodanimi številnimi funkcijami. Na voljo je več kot 20 možnosti za prilagoditev najmanjših podrobnosti Lightbox-a.

• Odvisnost: jQuery
• Podpora za brskalnik: IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android in Windows Phone
• Licenca: Licenca MIT

FluidBox

Fluidbox je vtičnik za slikovne lahke posnetke, ki je navdihnjen v programu Medium. Deluje s slikami v različnih okoliščinah, vključno s plavajočo sliko, sliko absolutno slike, ki imajo obrobo in oblazinjenje, ter galerije. Preverite, kako je bila zgrajena. Če potrebujete WordPress vtičnik, obstaja ena.

• Odvisnost: jQuery
• Podpora za brskalnik: IE9 +, Chrome, Firefox, Safari, Opera
• Licenca: Licenca MIT

StripJS

StripJS je edinstven vtičnik lightbox. Vtičnik namesto prekrivanja slike premakne slike s strani namesto, da ne blokira celotne vsebine. StripJS podpira tako sliko kot video.

• Odvisnost: jQuery
• Podpora za brskalnik: IE7 +, Chrome, Firefox, Safari, Opera, iOS 5+ in Android 3+
• Licenca: Creative Commons BY-NC-ND 3.0 licenca