iziModal.js - doista dinamičan modalni prozor jQuery Plugin

Čini se da većina modalnih prozora odvratite i uznemirite posjetitelja s polja za uključivanje i neželjene ponude. Ti modali često preuzimaju cijelu stranicu, izgledaju strašno i ne nude jasan način zatvaranja prozora. zahvaljujući, iziModal.js je upravo suprotno.

To je jedan od najglupljih modalnih dodataka koje sam ikada vidio i to me uzbuđuje što opet mogu komunicirati s modalima.

iziModal.js je jQuery dodatak tako da trebate kopiju knjižnice jQuery da bi ovo funkcioniralo. Ali to je prilično lagan i možete čak i uključiti knjižnicu izvana iz CDNJS.

Imajte na umu ovaj dodatak puno različitih opcija. Možete prenijeti opcije na stil modalne veličine, vrste okvira i animacije. Ali možete i vi stvorite funkcije povratnog poziva ako korisnik zatvori modal ili klikne na određeni element.

Možeš naći mnogo primjera na CodePen ali stvarno mi se sviđa demos hostiran na početnoj stranici iziModala. Konkretno, provjerite iframe embed opcija gdje je autoplay Vimeo player u redu u modalu.

Dizajn je veličanstven i modal se doista osjeća kao da je dio sučelja. Kvaliteta animacije je također impresivna, a sve to pokreće CSS3 & jQuery.

Na glavnoj stranici dodatka pronaći ćete i dokumentacijske tablice s isječcima koda za svaki od dostupnih demo datoteka. Evo najkraći bit koda za pop-up modalni prozor.

 $ (document) .on ('klik', '.trigger', funkcija (event) event.preventDefault (); $ ('# modal'). iziModal ('open');); 

iziModal () funkcija ima preko 45 različitih opcija koje se mogu prenijeti na prilagodite modalni prozor. Također ima prilagođeni događaji koji mogu funkcije okidača kao kad se modal otvara, zatvara ili prelazi preko cijelog zaslona.

Ovo je nevjerojatno masivan projekt i to je jednostavno jedan od mojih omiljenih modalnih dodataka iz prozora gledišta dizajna i upotrebljivosti.

Možete uzeti i kopiju izvora povucite ga kroz npm ili preuzimanje s GitHub. A ako imate prijedloge o dodatku ili samo želite podijeliti svoje zahvale, možete objaviti poruku kreatora Marcela Dolcea @marcelodolce.