iziModal.js - Un plug-in real dinamic modular fereastră jQuery

Cele mai multe ferestre modale par să distrag atenția și îl deranjează pe vizitator cu opt-in câmpuri și oferte nedorite. Aceste modale ocupă adesea întreaga pagină, arată groaznic și nu oferă o modalitate clară de a închide fereastra. din fericire, iziModal.js este exact opusul.

Este una dintre cele mai subțiri plugin-uri modale pe care le-am văzut vreodată și mă face emoționat să interacționez cu modalii din nou.

iziModal.js este a pluginul jQuery deci ai nevoie o copie a bibliotecii jQuery pentru ca aceasta să funcționeze. Dar e destul de ușor și puteți chiar include biblioteca extern din CDNJS.

Rețineți că acest plugin vine cu mult de opțiuni diferite. Puteți trece opțiunile la stilul dimensiunea modală, tipul de cadru și animația. Dar poți și tu creați funcții de apel invers dacă utilizatorul închide un mod sau clicuri pe un anumit element.

Puteți găsi multe exemple pe CodePen, dar îmi place foarte mult demo-uri găzduite pe pagina de pornire a lui iziModal. Mai exact, verificați iframe embed opțiune unde are un player automat Vimeo cedat în modal.

Designul este magnific, iar modalul se simte chiar ca și cum ar fi parte a interfeței. De asemenea, calitatea animației este impresionantă și cu toate acestea este alimentată CSS3 & jQuery.

Pe pagina principală a pluginului, veți găsi, de asemenea tabele de documentare cu fragmente de cod pentru fiecare dintre demo-urile disponibile. Iată cel mai scurt bit de cod pentru a fi utilizat pentru un fereastră pop-up modal.

 $ (document) .on ('click', '.trigger', functie (eveniment) event.preventDefault (); $ ('modal'). 

iziModal () funcția a peste 45 de opțiuni diferite la care se poate trece personalizați fereastra modală. De asemenea are evenimente personalizate care poate funcții de declanșare cum ar fi atunci când un modal se deschide, închide sau trece pe ecran.

Acesta este un proiect incredibil de masiv și este cu ușurință unul dintre pluginurile mele preferate de ferestre modale de la design și punctul de utilizare.

Pentru a apuca o copie a sursei, puteți oricum trageți-l prin npm sau descărcați de la GitHub. Și dacă aveți sugestii despre plugin sau doar doriți să vă împărtășiți mulțumirile, puteți tweet creatorul Marcelo Dolce @marcelodolce.