Teljes képernyős Lightbox-diavetítések a Lightgallery.js programmal
Bármely nagyszerű blog vagy portfólió webhely hasznos lehet a modális fénydoboz diavetítés. Ez jó lehet kapcsolódó fényképek bemutatása vagy a látogatók bérbeadása böngésszen át egy munkacsoportot (tervezés, művészet, fotózás).
Val vel lightgallery.js, te csak telepítse a könyvtárat és hadd futjon. Beállíthatja bármilyen számú fotóval és minden dia a teljes képernyőt veszi fel.
Én ezt a bővítményt nagyon előnyben részesítem más diavetítéseknél, amelyek csak a képernyő egy részét veszik fel. A lightgallery.js, minden fókusz a diavetítésre kerül és az első látható kép.
Az egyes lemezek alján található a kis leírás linkekkel vagy bármilyen szöveggel.
A jobb felső sarokban látható a gombsorok mert kiterjesztett funkciók. Annak érdekében, hogy így menjenek:
- Diavetítés lejátszása
- Nagyítás / kicsinyítés
- Böngésző teljes képernyős
- Szociális megosztás
- Kép letöltése
- Diavetítés bezárása
Kiválaszthatja és kiválaszthatja, hogy mely gombok közül melyiket szeretné megjeleníteni a beállítások szerkesztése amikor a plugint hívja.
Valójában elfojtottam, hogy mennyi részlet került a dokumentációba. Részletei vannak opciók és visszahívási módszerek. De itt is találsz információt egyedi adatattribútumok, Sass változók, és még a bővítmény API modulok felépítése világítótestre.
Ó, és megemlítettem teljesen mobilbarát? A képeket ujjával vagy egérrel is kiválaszthatja a galérián.
Ez egy tökéletes választás olyan tervezőnek vagy fotósnak, aki ragyogó módszerrel kívánja megjeleníteni portfólióját a webhelyén.
Még iframes vagy videók beágyazása olyan webhelyekről, mint a YouTube vagy a Vimeo. Ez valóban a legjobb lightbox galéria plugin, amely a lehető legjobb felhasználói élményt nyújtja.
Ez a könyvtár minden függőségtől mentes és az tiszta JavaScript-en fut. De szép könyvtárakkal játszik például a jQuery vagy a Bootstrap.
Ha ezt szeretné mint egy jQuery plugin van egy lightgallery.js plugin a jQuery felhasználók számára. Láthatjuk a teljes demó a demóoldal vagy nézd meg a tollal. És ha szüksége van rá forráskód menj át a GitHub repo és megragad egy példányt magadért.