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