Fullscreen Lightbox Slideshows med Lightgallery.js
Varje stor blogg eller portföljwebbplats kan dra nytta av en Modal Lightbox bildspel. Detta kan vara bra för visar relaterade bilder eller låta besökare bläddra igenom en portfölj av arbete (design, konst, fotografi).
Med lightgallery.js, du bara installera biblioteket och låt det springa. Du kan ställa in det med några antal bilder och varje bild tar upp hela skärmen.
Jag föredrar mycket detta plugin över andra bildspel som bara tar upp en del av skärmen. Med lightgallery.js, allt fokus går på bildspelet och den första synliga bilden.
I botten av varje bild kan du hitta en liten beskrivning med länkar eller vilken text du vill ha.
I det övre högra hörnet ser du en serie knappar för utökade funktioner. För att de går så här:
- Spela bildspel
- Zooma in / ut
- Webbläsarens fullskärm
- Social delning
- Bildnedladdning
- Stäng bildspelet
Du kan välja och välja vilka knappar du vill visa med redigera alternativen när du ringer till plugin.
Faktum är att jag blåses bort med hur mycket detaljer som gick in i dokumentationen. Det har detaljer för alternativ och återkallningsmetoder. Men du hittar också information för anpassade data attribut, Sass-variabler, och även a plugin API att bygga moduler på lightgallery.
Åh, och nämnde jag det helt mobilvänlig? Du kan svepa foton genom galleriet med fingret eller till och med med en mus.
Det är det perfekta valet för en designer eller fotograf som vill ha en lysande metod att visa sin portfölj på sin webbplats.
Du kan till och med bädda in iframes eller videor från webbplatser som YouTube eller Vimeo. Det här är verkligen det bästa lightbox-plugin som erbjuder bästa möjliga användarupplevelse.
Detta bibliotek är fri från alla beroenden och det körs på ren JavaScript. Men det spelar trevligt med stora bibliotek som jQuery eller Bootstrap också.
Om du föredrar det här som ett jQuery-plugin Det finns en lightgallery.js-plugin portad för jQuery-användare. Du kan se en full demonstration på demos sida eller kolla in penna nedanför. Och om du behöver källkod huvudet över till GitHub repo och ta en kopia för dig själv.
