15 Lightbox biblioteker til mobilrespons

Lysboksen er en populær måde at overlejre billeder på nettet. Når du klikker på et billede, lyser lysboksen op med en eller anden form for animation og dæmper baggrunden, så dit fokus er på selve billedet. Billedet er også større i skala. Mest populære Lightbox JavaScript-biblioteker, som vi har kendt i årevis, gør det muligt at gøre det godt på skrivebordet, men ikke så meget på mobile platforme.

Forsømmelse af dette og behovet for lydhørhed er ikke en god ide i dag, hvorfor denne samling af 15 lydhøre lysbiblioteker skal tjekkes ud.

Mere om Hongkiat:

Opret modal vindue nemt med HTML5 Dialog
Top 10 gratis responsive billedgallerier / diasshow
Opret, kontroller og tilpasser bedre modalt vindue til dit websted ved hjælp af Vex
jQuery Image Galleries & Sliders - Best Of

PhotoSwipe

PhotoSwipe er langt min favorit ligthbox plugin. Det er let, berøringsaktiveret og vigtigst modulært, hvilket gør det muligt for mig at grøfte nogle få dele, der ikke er nødvendige. Den kører fint i mobile browsere. Du kan sveipe gennem billeder med dine fingre, som du ville i en indbygget app, og overgangen går rigtig glat.

Afhængighed: Ingen
Browser Support: IE8 +, Chrome, Firefox, Safari, Opera og et par mobilbrowsere.
Licens: MIT licens

MagnificPopup

MagnificPopup er en anden lightbox plugin, udviklet af den samme person, der gav os PhotoSwipe, Dmitry Semenov. Den kommer i form af et jQuery / Zepto plugin, og bringer også funktioner, der mangler i PhotoSwipe, såsom understøttelse af video, kort og ajax indhold. Dette er et godt alternativ til dem, der foretrækker at have flere funktioner til rådighed.

Afhængighed: jQuery 1.9.1+ eller Zepto.js
Browser Support: IE7 (delvist), IE8 +, Chrome, Firefox, Safari og Opera.
Licens: MIT licens

SwipeBox

Swipebox er en jQuery-plugin med touch gesture support til mobil platform. Det understøtter også videoer fra Youtube og Vimeo bortset fra billeder. Swipebox er også let at implementere, og har en håndfuld muligheder for at tilpasse sin adfærd. Jeg synes, at Swipebox er et godt lysboks plugin til JavaScript noobs.

Afhængighed: jQuery
Browser Support: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android og Windows Phone.
Licens: Udefineret

iLightbox

iLighbox er et jQuery-lightbox-plugin med en bred vifte af medietyper: herunder videoer, Flash / SWF, Ajax-indhold, iframe og kort. Dette plugin tilføjer også sociale medier knapper oven på medierne, så dine brugere kan dele det med Facebook, Twitter eller Reddit. Se også det avancerede afsnit for at se, hvordan iLightbox kan anvendes i forskellige scenarier.

Afhængighed: jQuery
Browser Support: IE7 +, Chrome, Firefox, Safari og Opera
Licens: Udefineret

Lys til Bootstrap

Lyskasse er en af de grinende manglende stykker fra Bootstrap. Dette plugin retter det. Hvis du bruger Bootstrap, anbefaler jeg stærkt at bruge dette bibliotek. Pluginet er godt integreret med Bootstraps kodebase.

Afhængighed: jQuery og Bootstrap Modal
Browser Support: IE8 +, Chrome, Firefox, Safari og Opera
Licens: GNU-licens

Nivo Lightbox

Nivo Lightbox er et fleksibelt lightbox-plugin. Flere muligheder er inkluderet for at ændre udseendet på den måde, som du kan lide det at blive vist, såsom at ændre temaet, overgangseffekten og skifte navigationen.

Afhængighed: jQuery
Browser Support: IE9 +, Chrome, Firefox, Safari og Opera
Licens: MIT licens

ImageLightbox

ImageLightbox er et lightbox-plugin uden opblussen. Det er bygget specielt til billede derfor navnet - ingen video eller anden medietype understøttes. Det kræver heller ikke ekstremt HTML-markup; det element er tilstrækkeligt Proppen fungerer bare.

Afhængighed: jQuery
Browser Support: IE9 +, Chrome, Firefox, Safari og Opera
Licens: Udefineret

Mini Lightbox

En anden lightbox-plugin med ingen af opblussen. Biblioteket er kun 2kb og fungerer kun med billeder. Det er det perfekte plugin, hvis du kun angiver for den nyeste browser og ikke skal overlejre andre medietyper som videoer.

Afhængighed: Ingen
Browser Support: IE10 +, Chrome, Firefox, Safari og Opera
Licens: MIT licens

LightCase

Lightcase er en dejlig lightbox plugin. Det kommer med flere animationer, der gør brugerens interaktion levende, som fade, elastisk zoom og scrolling. Desuden understøtter den også forskellige typer medier, herunder Youtube embed, HTML videoer, SWF og input formularer. Plugin'en håndterer også medierne, kan ikke nås eller fundet fejl

Afhængighed: jQuery
Browser Support: IE9 +, Chrome, Firefox, Safari og Opera
Licens: GPL licens

Yalb

Yalb står for endnu en lysmand - men det er det ikke. Yalb leveres med en håndfuld API'er, herunder brugerdefinerede begivenheder, der giver dig mulighed for at identificere lightbox-stater, f.eks. Når det er tilfældet åben og hvornår det er tæt. Yalb kommer i to versioner, Vanilla JavaScript og jQuery plugin.

Afhængighed: Ingen
Browser Support: IE9 +, Chrome, Firefox, Safari og Opera
Licens: MIT licens

vægtigt

Den 6kb Featherlight er et blotte plugin til kyndig udvikler og bærer kun de væsentligste. Hvis du f.eks. Har brug for at gruppere billedlampe i et galleri, kan du inkludere galleriudvidelsen. Du kan også udvikle din egen udvidelse til dette plugin, så det passer til dine projektbehov.

Afhængighed: jQuery
Browser Support: IE8 +, Chrome, Firefox, Safari og Opera
Licens: MIT licens

LightLayer

LightLayer er et nemt at bruge lightbox plugin. Den har en håndfuld indstillinger, tilpassede JavaScript-metoder og brugerdefinerede arrangementer. plugin'et fungerer med billeder, videoer, kort og eksternt indhold. Hvad mere kan vi spørge.

Afhængighed: jQuery
Browser Support: IE9 +, Chrome, Firefox, Safari og Opera
Licens: MIT licens

LightGallery

LightGallery, et andet lightbox-plugin med mange funktioner tilføjet. Den leveres med mere end 20 muligheder for at tilpasse den mindste af detaljerne i lightboxen.

Afhængighed: jQuery
Browser Support: IE7 +, Chrome, Firefox, Safari, Opera, IOS, Android og Windows Phone
Licens: MIT licens

indlæste mængde via FluidBoxen

indlæste mængde via FluidBoxen er et billed lightbox plugin, der er inspireret fra Medium. Det virker med billeder under forskellige omstændigheder, herunder flydende billede, billede med absolut stilling, billeder, der har grænse og polstring og gallerier. Se, hvordan den blev bygget. Hvis du har brug for et WordPress-plugin, er der en.

Afhængighed: jQuery
Browser Support: IE9 +, Chrome, Firefox, Safari, Opera
Licens: MIT licens

StripJS

StripJS er et unikt lightbox-plugin. I stedet for at overlejre billedet, skifter plugin billederne fra siden i stedet for, så det ikke vil blokere hele indholdet. StripJS understøtter både billede og video.

Afhængighed: jQuery
Browser Support: IE7 +, Chrome, Firefox, Safari, Opera, IOS 5+ og Android 3+
Licens: Creative Commons BY-NC-ND 3.0 licens