Täisekraaniga Lightboxi slaidiseansid koos Lightgallery.js-iga
Iga suur blogi või portfelli veebisait saab a modaalvalguskasti slaidiseanss. See võib olla hea seotud fotode esitamine või lasta külastajatel sirvige tööportfelli (disain, kunst, fotograafia).
Koos lightgallery.js, sa lihtsalt installige raamatukogu ja lase tal joosta. Saate selle üles seada mis tahes fotode arvuga ja iga slaid võtab kogu ekraani.
Ma eelistan seda pluginat teiste slaidiesitluste üle, mis võtavad ainult osa ekraanist. Lightgallery.js-ga, kõik fookus läheb slaidiseansile ja esimene nähtav pilt.
Iga slaidi allosas on a väike kirjeldus linkide või mis tahes tekstiga.
Parempoolses ülanurgas näete a nuppude seeria jaoks laiendatud funktsioonid. Selleks lähevad nad nii:
- Esita slaidiseanss
- Suumimine / vähendamine
- Brauseri täisekraan
- Sotsiaalne jagamine
- Pildi allalaadimine
- Slaidiseansi sulgemine
Saate valida ja valida, millist neist nuppudest soovite kuvada Valikute redigeerimine kui helistate pluginale.
Tegelikult ma olen ära põlenud, kui üksikasjalikult läks dokumentatsiooni. Sellel on üksikasjad võimalusi ja tagasihelistamismeetodid. Kuid leiate ka infot kohandatud andmete atribuudid, Sass muutujad, ja isegi a plugina API moodulite ehitamine valgusallikale.
Ja ma mainisin seda täiesti mobiilne-sõbralik? Te saate sõrmega või isegi hiirega fotosid galeriis läbi pühkida.
See on ideaalne valik disainerile või fotograafile, kes soovib suurepärase meetodi oma portfelli kuvamiseks oma saidil.
Võite isegi sisesta iframe'i või videoid sellistest saitidest nagu YouTube või Vimeo. See on tõesti parim valguskasti galerii plugin, mis pakub parimat võimalikku kasutaja kogemust.
See raamatukogu on ilma igasuguste sõltuvusteta ja see töötab puhtas JavaScriptis. Kuid see mängib kena koos suurte raamatukogudega näiteks jQuery või Bootstrap.
Kui soovite seda kui jQuery plugin JQuery kasutajatele on kaasatud lightgallery.js plugin. Näete a täielik demo kohta demode leht või vaadake pliiatsit allpool. Ja kui vajate lähtekood pea üle GitHub repo ja kopeeri ise.