iziModal.js - Pluginu skutočne dynamického modálneho okna jQuery

Zdá sa, že väčšina modálnych okien odvrátiť a obťažovať návštevníka s opt-in polí a nežiaduce obchody. Tieto modály často preberajú celú stránku, vyzerajú strašne a neponúkajú jasný spôsob, ako zatvoriť okno. Našťastie, iziModal.js je presný opak.

Je to jeden z najskvelejších modálnych okenných pluginov, aké som kedy videl, a to ma vzrušuje,.

iziModal.js je a jQuery plugin takže potrebujete kópiu knižnice jQuery aby to fungovalo. Ale je to dosť ľahké a môžete dokonca zahrnúť externe knižnicu z CDNJS.

Všimnite si, že tento doplnok prichádza veľa rôznych možností. Môžete prejsť možnosti na Štýl modálnej veľkosti, typu rámca a animácie. Ale môžete tiež vytvárať funkcie spätného volania ak používateľ uzatvára modál alebo klikne na konkrétny prvok.

Môžeš nájsť veľa príkladov na CodePen, ale naozaj sa mi páči demá hostia na domovskej stránke iziModal. Konkrétne si pozrite možnosť vkladania do rámčeka iframe kde má prehrávač Vimeo s automatickým prehrávaním v modálnom režime.

Dizajn je nádherný a modálne sa naozaj cíti ako by to bolo súčasťou rozhrania. Kvalita animácie je tiež pôsobivá a je to všetko napájané CSS3 & jQuery.

Na hlavnej stránke s doplnkami nájdete tiež dokumentačné tabuľky s úryvkami kódu pre každú z dostupných ukážok. tady najkratší bit kódu ktoré sa majú použiť pre modálny okná.

 $ (dokument) .on ('click', '.trigger', funkcia (event) event.preventDefault (); $ ('# modal'). 

iziModal () má funkciu viac ako 45 rôznych možností do ktorých môžete prejsť prispôsobiť modálne okno. Má tiež vlastné udalosti to môže spúšťacie funkcie ako keď mod sa otvorí, zatvorí alebo prejde na celú obrazovku.

Je to neuveriteľne masívny projekt a je to jednoducho jeden z mojich obľúbených modálnych okenných pluginov z a dizajn a použiteľnosť.

Ak chcete získať kópiu zdroja, môžete buď vytiahnite to cez npm alebo stiahnite si z GitHubu. A ak máte návrhy o doplnku, alebo len chcete zdieľať svoje vďaky, môžete tweet tvorca Marcelo Dolce @ marcelodolce.