Koko näytön Lightbox-diaesitykset, joissa on Lightgallery.js
Mikä tahansa hyvä blogi tai portfolio-sivusto voi hyötyä a modal-lightbox-diaesitys. Tämä voi olla hyvä esitellä niihin liittyviä valokuvia kävijöitä selaa töitä (muotoilu, taide, valokuvaus).
Kanssa lightgallery.js, sinä vain asenna kirjasto ja anna sen juosta. Voit asettaa sen minkä tahansa määrän valokuvia ja jokainen dia vie koko näytön.
Mieluummin pidän tätä laajennusta muihin diaesityksiin, jotka vievät vain osan näytöstä. Lightgallery.js: n avulla, kaikki tarkennus menee diaesitykseen ja ensimmäinen näkyvä kuva.
Jokaisen dian alareunassa on a pieni kuvaus linkkejä tai mitä tahansa tekstiä.
Oikeassa yläkulmassa näet sarjan painikkeita varten laajennetut ominaisuudet. Jotta he menevät näin:
- Toista diaesitys
- Suurenna / pienennä
- Selaimen koko näyttö
- Sosiaalinen jakaminen
- Kuvan lataus
- Sulje diaesitys
Voit valita ja valita, mitä näistä painikkeista haluat näyttää asetusten muokkaaminen kun soitat pluginiin.
Itse olen puhaltaa pois, kuinka paljon yksityiskohtia meni dokumentaatioon. Siinä on yksityiskohtia vaihtoehtoja ja takaisinsoitomenetelmät. Mutta löydät myös tietoa mukautetut tietomääritteet, Sass-muuttujat, ja jopa a plugin API rakentaa moduuleja valopalloon.
Oh, ja mainitsin sen täysin mobiiliystävällinen? Voit pyyhkiä kuvia gallerian läpi sormella tai jopa hiirellä.
Se on täydellinen valinta sellaiselle suunnittelijalle tai valokuvaajalle, joka haluaa loistavan tavan näyttää salkunsa sivustollaan.
Voit jopa upota iframes tai videot sivustoista, kuten YouTube tai Vimeo. Tämä on todella paras lightbox-gallerian laajennus, joka tarjoaa parhaan mahdollisen käyttäjäkokemuksen.
Tämä kirjasto on ilman kaikkia riippuvuuksia ja se toimii puhtaan JavaScriptin avulla. Mutta se leikkii mukavasti suurten kirjastojen kanssa kuten jQuery tai Bootstrap.
Jos haluat tämän jQuery-laajennuksena JQuery-käyttäjille on siirretty lightgallery.js-laajennus. Näet a täydellinen demo on demosivu tai tutustu kynä alla. Ja jos tarvitset lähdekoodi päätä GitHub repo ja kopioi kopio itseäsi varten.