iziModal.js - Igazán dinamikus modális ablak jQuery plugin

A legtöbb modális ablak úgy tűnik zavarja és bosszantja a látogatót val vel opt-in mezők és nem kívánt ajánlatok. Ezek a modálisok gyakran átveszik az egész oldalt, rettenetesek, és nem kínálnak világos módot az ablak bezárására. hálásan, iziModal.js pontosan ellentétes.

Ez az egyik legcsodálatosabb modális ablakcsatlakozó, amit valaha láttam, és izgatott vagyok, hogy újra kapcsolatba lépek a modálisokkal.

iziModal.js a jQuery plugin így van szüksége a jQuery könyvtár másolatát hogy ez működjön. De ez elég könnyű és még a könyvtárat kívülről is CDNJS-től.

Ne feledje, hogy ez a bővítmény tartalmazza nagyon különböző lehetőségek közül. Beállíthatja a lehetőségeket a modális méret, a keret típusa és az animáció stílusa. De te is visszahívási funkciók létrehozása ha a felhasználó egy modalt bezár, vagy egy adott elemre kattint.

Találhatod rengeteg példa a CodePen-en, de nagyon szeretem Az iziModal honlapján tárolt demók. Pontosabban, nézd meg a iframe beágyazási opció ahol van egy autoplay Vimeo lejátszó sorban áll a modálisban.

A design csodálatos, és a modális valóban úgy érzi, mintha az interfész része. Az animáció minősége is lenyűgöző, és mindez bekapcsolva van CSS3 és jQuery.

A fő plugin oldalon megtalálható dokumentációs táblák kódrészletekkel minden elérhető demóhoz. Íme a legrövidebb kódot egy modális ablak felbukkanásához.

 $ (dokumentum) .on ('click', '.trigger', függvény (esemény) event.preventDefault (); $ ('# modal'). iziModal ('open');); 

A iziModal () funkciója van több mint 45 különböző lehetőség amely átadható testre szabhatja a modális ablakot. Ez is van egyedi események ez lehet trigger funkciók mint amikor egy modális megnyílik, bezáródik vagy teljes képernyõre lép.

Ez egy hihetetlenül masszív projekt, és az egyik kedvenc modális ablakmoduljaim egyike tervezési és használhatósági szempont.

A forrás másolatának megragadásához is húzza át az npm-en vagy letöltés a GitHub-ból. És ha javaslata van a pluginnel kapcsolatban, vagy csak meg szeretné osztani a köszönetét, akkor megcsinálhatja a készítőt Marcelo Dolce @marcelodolce.