iziModal.js - Resnično dinamičen modalni okno jQuery Plugin

Večina modalnih oken se zdi motite in motite obiskovalca z opt-in polja in neželeni posli. Ti modali pogosto prevzamejo celotno stran, izgledajo grozno in ne ponujajo jasnega načina za zapiranje okna. Na srečo, iziModal.js je ravno nasprotno.

To je eden izmed najbolj gladkih modalnih okenskih dodatkov, ki sem jih kdajkoli videl in me navdušuje, da zopet komuniciram z modali.

iziModal.js je a vtičnik jQuery zato potrebujete kopijo knjižnice jQuery za to. Ampak to je precej lahek in lahko celo zunanjo knjižnico od CDNJS.

Opomba: ta vtičnik je priložen veliko različnih možnosti. Lahko prenesete v možnosti slog modalne velikosti, vrste okvirja in animacije. Lahko pa tudi ustvarite funkcije povratnega klica če uporabnik zapre način ali klikne na določen element.

Lahko najdeš veliko primerov na CodePen, ampak res mi je všeč demos gostil na domači strani iziModal. Natančneje, preverite vdelana možnost iframe kjer je predvajalnik Vimeo v modalnem vrstnem redu.

Zasnova je veličastna, modalnost pa je resnična del vmesnika. Kakovost animacije je tudi impresivna, vse pa je napajano z njo CSS3 & jQuery.

Na glavni strani vtičnika boste našli tudi dokumentacijske tabele z odrezki kode za vsako od razpoložljivih predstavitev. Tukaj je najkrajši del kode uporabiti za pojavno okno modalnega okna.

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

The iziModal () funkcijo več kot 45 različnih možnosti ki se lahko prenesejo na prilagodite modalno okno. Prav tako ima dogodki po meri da lahko sprožilne funkcije ko se modal odpre, zapre ali preide na cel zaslon.

To je neverjetno velik projekt in zlahka je eden izmed mojih najljubših modalnih okenskih vtičnikov oblikovanja in uporabnosti.

Lahko vzamete kopijo vira potegnite skozi npm ali prenesete s spletnega mesta GitHub. In če imate predloge o vtičniku ali pa želite samo deliti svoje zahvale, lahko objavite ustvarjalca Marcelo Dolce @marcelodolce.