15 Lysbibliotek for mobilrespons

Lysboksen er en populær måte å Legg over bilder på nettet. Når du klikker på et bilde, lyser lysboksen opp med en eller annen form for animasjon, og dimmer bakgrunnen, slik at fokuset ligger på selve bildet. Bildet er også større i skala. Mest populære JavaScript JavaScript-biblioteker som vi har kjent i årevis, lar deg gjøre det bra på skrivebordet, men ikke så mye på mobile plattformer.

Forsinkelse av dette og behovet for lydhørhet er ikke en god ide i dag, og derfor må denne samlingen av 15 responsive lysboksbiblioteker sjekkes ut.

Mer om Hongkiat:

Opprette Modal Window enkelt med HTML5 Dialog
Topp 10 gratis, responsive bildegallerier / lysbildefremvisninger
Opprett, kontroller og tilpasser bedre Modal Window for nettstedet ditt ved hjelp av Vex
jQuery Image Galleries & Sliders - Best Of

PhotoSwipe

PhotoSwipe er langt min favoritt ligthbox plugin. Det er lett, berøringsaktivert, og viktigst modulært som gjør at jeg kan grøfte noen få deler som ikke er nødvendig. Den går pent i mobile nettlesere. Du kan sveipe gjennom bilder med fingrene som du ville i en innfødt app, og overgangen går veldig jevnt.

avhengighet: Ingen
Nettleserstøtte: IE8 +, Chrome, Firefox, Safari, Opera, og et par mobile nettlesere.
Tillatelse: MIT lisens

MagnificPopup

MagnificPopup er en annen lightbox plugin, utviklet av samme person som ga oss PhotoSwipe, Dmitry Semenov. Den kommer i form av et jQuery / Zepto-plugin, og bringer også evner som mangler i PhotoSwipe, for eksempel støtte for video, kart og ajax-innhold. Dette er et flott alternativ for de som foretrekker å ha flere funksjoner for hånden.

avhengighet: jQuery 1.9.1+, eller Zepto.js
Nettleserstøtte: IE7 (delvis), IE8 +, Chrome, Firefox, Safari og Opera.
Tillatelse: MIT lisens

SwipeBox

Swipebox er en jQuery-plugin med berøringsbevisstøtte for mobil plattform. Den støtter også videoer fra Youtube og Vimeo bortsett fra bilder. Swipebox er også enkelt å implementere, og har en rekke alternativer for å tilpasse sin oppførsel. Jeg tror Swipebox er et flott lysboksen plugin for JavaScript noobs.

avhengighet: jQuery
Nettleserstøtte: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android og Windows Phone.
Tillatelse: undefined

iLightbox

iLighbox er et jQuery lysboks plugins med bredt utvalg av medietyper: inkludert videoer, Flash / SWF, Ajax innhold, iframe og kart. Denne plugin legger også til sosiale medier knapper på toppen av media, slik at brukerne kan dele den med Facebook, Twitter eller Reddit. Se også på avansert avsnitt for å se hvordan iLightbox kan brukes i forskjellige scenarier.

avhengighet: jQuery
Nettleserstøtte: IE7 +, Chrome, Firefox, Safari og Opera
Tillatelse: undefined

Lysbilde for Bootstrap

Lysboks er en av de grusomt savnede brikkene fra Bootstrap. Dette pluginet løser det. Hvis du bruker Bootstrap, anbefaler jeg at du bruker dette biblioteket. Pluggen er godt integrert med Bootstraps kodebase.

avhengighet: jQuery og Bootstrap Modal
Nettleserstøtte: IE8 +, Chrome, Firefox, Safari og Opera
Tillatelse: GNU lisens

Nivo Lightbox

Nivo Lightbox er et fleksibelt lysboksen plugin. Flere alternativer er inkludert for å endre utseendet slik du vil at den skal vises, for eksempel å endre temaet, overgangseffekten og bytte navigeringen.

avhengighet: jQuery
Nettleserstøtte: IE9 +, Chrome, Firefox, Safari og Opera
Tillatelse: MIT lisens

ImageLightbox

ImageLightbox er en lightbox-plugin uten oppblåsthet. Den er bygget spesielt for bildet dermed navnet gitt - ingen video eller annen medietype støttes. Det krever heller ikke ekstern HTML-markup; de elementet er tilstrekkelig. Plugin fungerer bare.

avhengighet: jQuery
Nettleserstøtte: IE9 +, Chrome, Firefox, Safari og Opera
Tillatelse: undefined

Mini Lightbox

En annen lightbox-plugin med ingen oppblåsning. Biblioteket er kun 2kb, og fungerer kun med bilder. Det er det perfekte plugin-modulen hvis du bare angir for den nyeste nettleseren og ikke trenger å legge over andre medietyper som videoer.

avhengighet: Ingen
Nettleserstøtte: IE10 +, Chrome, Firefox, Safari og Opera
Tillatelse: MIT lisens

LightCase

Lightcase er en nydelig lightbox plugin. Den kommer med flere animasjoner som gjør brukerinteraksjonen levende, som fade, elastisk zoom og rulling. Videre støtter den også ulike typer medier, inkludert Youtube-embed, HTML-videoer, SWF og input-skjemaer. Pluggen håndterer også mediet, kan ikke nås eller funnet feil

avhengighet: jQuery
Nettleserstøtte: IE9 +, Chrome, Firefox, Safari og Opera
Tillatelse: GPL-lisens

Yalb

Yalb står for enda en lysbok - men det er det ikke. Yalb kommer med en håndfull APIer, inkludert tilpassede hendelser som lar deg identifisere lightbox-stater, for eksempel når det er åpen og når det er Lukk. Yalb kommer i to versjoner, Vanilla JavaScript og jQuery plugin.

avhengighet: Ingen
Nettleserstøtte: IE9 +, Chrome, Firefox, Safari og Opera
Tillatelse: MIT lisens

Fjærlett

Den 6kb Fjærlett er et blindt plugin for kunnskapsrik utvikler og bærer bare de viktigste. Hvis du for eksempel trenger å gruppere bildelysbok i et galleri, kan du inkludere galleriutvidelsen. Du kan også utvikle din egen utvidelse for dette pluginet for å passe inn i prosjektets behov.

avhengighet: jQuery
Nettleserstøtte: IE8 +, Chrome, Firefox, Safari og Opera
Tillatelse: MIT lisens

LightLayer

LightLayer er en lett å bruke lightbox plugin. Den har en håndfull alternativer, tilpassede JavaScript-metoder og tilpassede arrangementer. Plugin fungerer med bilder, videoer, kart og eksternt innhold. Hva mer kan vi spørre.

avhengighet: jQuery
Nettleserstøtte: IE9 +, Chrome, Firefox, Safari og Opera
Tillatelse: MIT lisens

LightGallery

LightGallery, En annen lightbox-plugin med mange funksjoner lagt til. Den leveres med mer enn 20 alternativer for å tilpasse de minste detaljene i lysboksen.

avhengighet: jQuery
Nettleserstøtte: IE7 +, Chrome, Firefox, Safari, Opera, IOS, Android og Windows Phone
Tillatelse: MIT lisens

FluidBox

Fluidbox er et bilde lightbox-plugin som er inspirert fra medium. Den fungerer med bilder under ulike omstendigheter, inkludert flytende bilde, bilde med absolutte posisjon, bilder som har kant og polstring, og gallerier. Sjekk ut hvordan den ble bygget. Hvis du trenger et WordPress-plugin, er det en.

avhengighet: jQuery
Nettleserstøtte: IE9 +, Chrome, Firefox, Safari, Opera
Tillatelse: MIT lisens

StripJS

StripJS er et unikt lightbox-plugin. I stedet for å overlappe bildet, går pluginbildene inn i siden fra siden, slik at det ikke vil blokkere hele innholdet. StripJS støtter både bilde og video.

avhengighet: jQuery
Nettleserstøtte: IE7 +, Chrome, Firefox, Safari, Opera, IOS 5+ og Android 3+
Tillatelse: Creative Commons BY-NC-ND 3.0-lisens