A BaguetteBox.js segítségével készítsen érzékeny és szép teljes oldalt

Vannak több tucat lightbox-bővítmény és nagyszerűek különböző okokból. Néhányan jobban dolgoznak a portfóliókon, míg mások a legjobban megfelelnek az érzékeny elrendezéseknek.

De az egyik kedvenc új pluginom baguetteBox.js, készítette: JavaScript fejlesztő, Marek Grzybek.

Természetesen ez a bővítmény teljesen szabadon használható és a GitHub-on keresztül nyitható, ha manuálisan szeretné ásni a kódot.

A könyvtár nincs függősége, így futtathatod jQuery, Zepto vagy bármi mást. Ez egy tiszta JavaScript könyvtár egy igazán egyszerű beállítással.

Ez azt jelenti, hogy tökéletesen működik a mobil eszközökön, így támogatja a swipeket és a csapokat, valamint az asztali számítógépek és laptopok alapértelmezett viselkedését. Ez az egyik kevés képernyős galéria támogatja a mobil kölcsönhatásokat, valamint a teljes modális hatást.

Nézd meg a demóoldal hogy cselekedjen. Teljesen látványos galériája van, valamint a a kód megszerzéséhez szükséges egy sor:

 baguetteBox.run ( 'baguetteBoxOne'); 

Szóval ez a konténerelemet az osztályhoz rendeli .baguetteBoxOne és az egész galéria ennek ellenére működik.

Te tudnál egyedi beállítások megadása ha olyan dolgokat szeretne, mint a feliratok, a gombstílusok, az előindítási funkciók és a visszahívási módszerek az onclick / onchange eseményeken. Mindezek a lehetőségek jól dokumentált GitHub-on ha be akarsz merülni.

De tényleg nem sok időt vesz igénybe, hogy túlmutasson egy konténerelemen és néhány alapvető képelemen.

Ön teljes körű ellenőrzése van az animációk, a képméretek, az ujjlenyomat-hatások és a galéria tartalmak, például a címek / feliratok felett. Ez nem igényel JavaScript-t, így nincs tiszta CSS alternatívája a modálisnak. De mivel a legtöbb böngésző támogatja a JavaScriptet, nem lehet probléma.

Ha többet szeretne megtudni, látogasson el a baguetteBox.js főoldalára, és megoszthatja gondolatait a Twitter @feimosi alkotójával is..