Domovská » Webový design » Prezentace s celoobrazovkovým osvětlením pomocí aplikace Lightgallery.js

    Prezentace s celoobrazovkovým osvětlením pomocí aplikace Lightgallery.js

    Každý velký blog nebo portfolio webové stránky mohou těžit z modální lightbox slideshow. To může být dobré představení souvisejících fotografií nebo návštěvníkům procházet portfolio práce (design, umění, fotografie).

    S lightgallery.js, prostě nainstalovat knihovnu a nechte ho běžet. Můžete ho nastavit s libovolným počtem fotografií a každé sklíčko zabírá celou obrazovku.

    Velice preferuji tento plugin před jinými prezentacemi, které zabírají pouze část obrazovky. S lightgallery.js, vše se zaměřuje na prezentaci a první viditelný obraz.

    Ve spodní části každého snímku najdete a malý popis s odkazy nebo jakýkoliv text, který chcete.

    V pravém horním rohu uvidíte a série tlačítek pro rozšířené funkce. V pořádku, jdou takto:

    • Přehrát prezentaci
    • Přiblížit / oddálit
    • Celá obrazovka prohlížeče
    • Sociální sdílení
    • Stáhnout obrázek
    • Zavřít prezentaci

    Můžete vybrat a vybrat, které z těchto tlačítek chcete zobrazit úprav když zavoláte plugin.

    Ve skutečnosti jsem odfouknut, kolik detailů šlo do dokumentace. Má podrobnosti možností a metody zpětného volání. Ale také najdete informace vlastní atributy dat, Sass proměnné, a dokonce i plugin API vytvořit moduly do lightgallery.

    A zmínil jsem se o tom zcela mobilní? Fotografie můžete procházet přes galerii prstem nebo dokonce myší.

    Je to ideální volba pro designéra nebo fotografa, který chce na svých stránkách zobrazit vynikající portfolio.

    Můžete dokonce vložení iframe nebo videa ze stránek jako YouTube nebo Vimeo. To je nejlepší plugin pro lightbox, který nabízí nejlepší možný uživatelský zážitek.

    Tato knihovna je bez všech závislostí a to běží na čistém JavaScriptu. Ale to hraje s velkými knihovnami jQuery nebo Bootstrap.

    Jestli to chcete jako plugin jQuery pro uživatele jQuery je port plugin lightgallery.js. Můžete vidět a plné demo na stránka dema nebo se podívejte na níže. A pokud to potřebujete zdrojový kód přejděte k GitHub repo a uchopte kopii pro tebe.