Prezentácie celej obrazovky Lightbox s Lightgallery.js

Akýkoľvek skvelý blog alebo webové stránky portfólia môžu profitovať z a modálna lightbox slideshow. To môže byť dobré pre prezentácia súvisiacich fotografií alebo nechať návštevníkov prechádzať cez portfólio práce (dizajn, umenie, fotografovanie).

s lightgallery.js, ty iba inštalujte knižnicu a Nechajte to bežať. Môžete ho nastaviť s ľubovoľným počtom fotografií a každá snímka preberá celú obrazovku.

Veľmi sa mi páči tento doplnok v porovnaní s ďalšími prezentáciami, ktoré zaberajú len časť obrazovky. S lightgallery.js, všetky zameranie sa zameriava na prezentáciu a prvý viditeľný obrázok.

V spodnej časti každého snímku nájdete a malý popis s odkazmi alebo akýmkoľvek textom, ktorý chcete.

V pravom hornom rohu uvidíte znak a série tlačidiel pre rozšírené funkcie. Aby to vyzeralo takto:

• Prehrať prezentáciu
• Priblížiť / oddialiť
• Celá obrazovka prehliadača
• Spoločné zdieľanie
• Stiahnutie obrázka
• Zatvorte prezentáciu

Môžete vybrať a vybrať, ktoré z týchto tlačidiel chcete zobraziť úpravu možností keď zavoláte plugin.

V skutočnosti som odfúknutá tým, koľko detailov sa dostalo do dokumentácie. Má detaily pre možnosti a metódy spätného volania. Ale nájdete aj informácie pre vlastné atribúty údajov, Sass premenné, a dokonca aj plugin API vytvoriť moduly na lightgallery.

Oh, a spomenul som to úplne mobilný? Môžete pretiahnuť fotografie cez galériu prstom alebo dokonca myšou.

Je to ideálna voľba pre návrhárov alebo fotografov, ktorí chcú vynikajúcu metódu zobrazovať svoje portfólio na svojich stránkach.

Môžete dokonca vložte prvky iframe alebo videá od stránok, ako je YouTube alebo Vimeo. To je naozaj najlepší plugin lightbox galerie, ktorý ponúka najlepšie možné užívateľské skúsenosti.

Táto knižnica je bez všetkých závislostí a to beží na čistom javascript. Ale to hrá sa pekne s veľkými knižnicami ako napríklad jQuery alebo Bootstrap.

Ak by ste to uprednostnili ako doplnok jQuery existuje plugin portálu lightgallery.js portovaný pre užívateľov jQuery. Môžete vidieť a plné demo na demá stránka alebo si pozrite pero nižšie. A ak to potrebujete zdrojový kód Prejdite na GitHub repo a chytiť kópiu pre seba.