Viso ekrano „Lightbox“ skaidrių demonstracijos su „Lightgallery.js“
Bet koks puikus tinklaraštis ar portfelio svetainė gali būti naudinga modalinės švieslentės skaidrių demonstravimas. Tai gali būti naudinga demonstruoja susijusias nuotraukas lankytojams naršykite darbo portfelį (dizainas, menas, fotografija).
Su lightgallery.js, tu tik įdiegti biblioteką ir leiskite jam paleisti. Galite jį nustatyti su nuotraukomis ir kiekviena skaidrė užima visą ekraną.
Aš labai norėčiau, kad šis įskiepis viršytų kitas skaidrių demonstracijas, kurios užima tik dalį ekrano. Su lightgallery.js, visas dėmesys nukreipiamas į skaidrių peržiūrą ir pirmasis matomas vaizdas.
Kiekvienos skaidrės apačioje galite rasti a nedidelis aprašymas su nuorodomis ar bet kokiu norimu tekstu.
Viršutiniame dešiniajame kampe matysite a mygtukų serija dėl išplėstinės funkcijos. Kad jie būtų tokie:
- Leisti skaidrių peržiūrą
- Padidinti / mažinti
- Naršyklės ekranas
- Socialinis bendrinimas
- Vaizdo atsisiuntimas
- Uždarykite skaidrių peržiūrą
Galite pasirinkti ir pasirinkti, kurį iš šių mygtukų norite rodyti parinkčių redagavimas kai skambinate įskiepiai.
Iš tiesų, aš susprogdinau, kiek išsamiai nuėjo į dokumentaciją. Ji turi išsamią informaciją galimybės ir atgalinio ryšio metodai. Bet taip pat rasite informacijos pasirinktiniai duomenų atributai, Sass kintamieji, ir netgi a papildinio API statyti modulius į švieslentes.
O ir aš tai paminėjau visiškai mobilus? Galite perbraukti nuotraukas per galeriją pirštu arba net su pele.
Tai puikus pasirinkimas dizaineriui ar fotografui, kuris nori sukurti puikų metodą savo portfeliui rodyti savo svetainėje.
Jūs netgi galite įterpti iframes arba vaizdo įrašus iš tokių svetainių kaip „YouTube“ arba „Vimeo“. Tai tikrai geriausias „Lightbox“ galerijos įskiepis, kuris siūlo geriausią įmanomą vartotojo patirtį.
Ši biblioteka yra be jokių priklausomybių ir tai veikia tik „JavaScript“. Bet tai groja gražus su didelėmis bibliotekomis pavyzdžiui, „jQuery“ arba „Bootstrap“.
Jei norite tai padaryti kaip jQuery įskiepis jQuery naudotojams yra perkeltas „lightgallery.js“ įskiepis. Galite matyti a pilnas demo ant demo puslapis arba patikrinkite žemiau. Ir jei jums reikia pirminis kodas eikite į GitHub repo ir paimkite kopiją sau.