Celozaslonski Lightbox Diaprojekcije z Lightgallery.js
Vsak velik blog ali spletno mesto portfelja lahko koristi od modalna diaprojekcija lightbox. To je lahko dobro povezane fotografije ali dajanje v najem obiskovalcem brskanje po portfelju dela (oblikovanje, umetnost, fotografija).
S lightgallery.js, ti samo namestite knjižnico in naj teče. Lahko ga nastavite s poljubnim številom fotografij in vsak diapozitiv zavzame celoten zaslon.
Jaz zelo raje ta plugin pred drugimi diaprojekcije, ki zavzamejo le del zaslona. Z lightgallery.js, vsa pozornost se usmeri na diaprojekcijo in prva vidna slika.
Na dnu vsakega diapozitiva boste našli a majhen opis s povezavami ali poljubnim besedilom.
V zgornjem desnem kotu boste videli a niz gumbov za razširjene funkcije. Po vrsti so:
- Predvajaj diaprojekcijo
- Povečajte / pomanjšajte
- Celoten zaslon brskalnika
- Sobna delitev
- Prenos slike
- Zaprite diaprojekcijo
Lahko izberete in izberete, kateri od teh gumbov želite prikazati urejanje možnosti ko pokličete vtičnik.
Pravzaprav me je odvrglo, koliko podrobnosti je bilo v dokumentaciji. Ima podrobnosti za opcije in povratni klic. Vendar pa boste našli tudi informacije za atributi podatkov po meri, Sass spremenljivke, in celo a API vtičnika za izgradnjo modulov na lightgallery.
Oh, in sem omenil, da je popolnoma mobilno prijazen? S prstom ali celo z miško lahko potegnete fotografije skozi galerijo.
To je odlična izbira za oblikovalca ali fotografa, ki želi briljantno metodo za prikaz portfelja na svojem spletnem mestu.
Lahko celo vdelajte iframeove ali videoposnetke na straneh, kot sta YouTube ali Vimeo. To je res najboljši vtičnik Lightbox Gallery, ki ponuja najboljšo možno uporabniško izkušnjo.
Ta knjižnica je brez vseh odvisnosti in to deluje na čistem JavaScriptu. Ampak to lepo se igra z velikimi knjižnicami kot so jQuery ali Bootstrap.
Če želite to kot vtičnik jQuery za uporabnike jQuery je priključen vtičnik lightgallery.js. Vidite lahko celoten demo na stran s predstavitvami ali preverite spodaj. In če potrebujete izvorno kodo nad glavo GitHub repo in zgrabite kopijo zate.