Fullscreen Lightbox Slideshows med Lightgallery.js
En hvilken som helst flott blogg eller porteføljeside kan ha nytte av en Modal Lightbox lysbildefremvisning. Dette kan være bra for viser relaterte bilder eller la besøkende bla gjennom en portefølje av arbeid (design, kunst, fotografi).
Med lightgallery.js, du bare installer biblioteket og la det løpe. Du kan sette opp det med et hvilket som helst antall bilder og hvert lysbilde tar opp hele skjermen.
Jeg foretrekker stort sett dette pluginet over andre lysbildefremvisninger som bare tar opp en del av skjermen. Med lightgallery.js, alt fokus går inn på lysbildeserien og det første synlige bildet.
På bunnen av hvert lysbilde finner du en liten beskrivelse med lenker eller hvilken som helst tekst du vil ha.
I øvre høyre hjørne ser du en serie knapper til utvidede funksjoner. I rekkefølge går de slik:
- Spill lysbildefremvisning
- Zoom inn / ut
- Nettleser fullskjerm
- Sosial deling
- Bildenedlasting
- Lukk lysbildefremvisning
Du kan velge og velge hvilken av disse knappene du vil vise ved redigerer alternativene når du ringer til plugin.
Faktisk er jeg blåst bort av hvor mye detaljene gikk inn i dokumentasjonen. Den har detaljer for opsjoner og tilbakeringingsmetoder. Men du finner også info for tilpassede dataattributter, Sass-variabler, og til og med a plugin API å bygge moduler på lightgallery.
Oh, og nevnte jeg det helt mobil-vennlig? Du kan sveipe bilder gjennom galleriet med fingeren eller med en mus.
Det er det perfekte valget for en designer eller fotograf som ønsker en strålende metode for å vise sin portefølje på deres nettsted.
Du kan til og med legge inn emner eller videoer fra nettsteder som YouTube eller Vimeo. Dette er virkelig det beste lightbox-galleri-pluginet som gir best mulig brukeropplevelse.
Dette biblioteket er fri for alle avhengigheter og det kjører på rent JavaScript. Men det spiller fint med store biblioteker for eksempel jQuery eller Bootstrap.
Hvis du foretrekker dette som en jQuery-plugin Det er en lightgallery.js-plugin portert for jQuery-brukere. Du kan se en full demonstrasjon på demoside eller sjekk ut penn under. Og hvis du trenger kildekode Hodet over til GitHub repo og ta en kopi for deg selv.
