iziModal.js - patiesi dinamisks modāls logs jQuery spraudnis

Šķiet, ka vairums modālo logu novērš un apgrūtina apmeklētāju ar izvēles lauki un nevēlami darījumi. Šie modāli bieži pārņem visu lapu, izskatās briesmīgi un nepiedāvā skaidru veidu, kā aizvērt logu. Par laimi, iziModal.js ir tieši pretējs.

Tas ir viens no gludākajiem modāla loga spraudņiem, ko esmu redzējis, un tas mani satrauc, lai atkal sadarbotos ar modāliem.

iziModal.js ir a jQuery spraudnis tāpēc jums ir nepieciešams jQuery bibliotēkas kopiju lai tas darbotos. Bet tas ir diezgan viegls un jūs pat varat iekļaut bibliotēku ārēji no CDNJS.

Ņemiet vērā, ka šis spraudnis ir iekļauts daudz dažādas iespējas. Iespējas varat pārsūtīt uz veidot modāla lielumu, rāmja veidu un animāciju. Bet jūs varat arī izveidot atzvanīšanas funkcijas ja lietotājs aizver modālu vai noklikšķina uz konkrēta elementa.

Tu vari atrast daudz piemēru par CodePen, bet man tiešām patīk demonstrācijas, kas izvietotas iziModal mājas lapā. Konkrēti, pārbaudiet iframe iegult opcija kur tas ir autoplay Vimeo atskaņotājs rindā.

Dizains ir lielisks, un modals tiešām jūtas kā tas daļa no saskarnes. Animācijas kvalitāte ir arī iespaidīga, un tas viss tiek darbināts CSS3 un jQuery.

Galvenajā spraudņa lapā jūs atradīsiet arī dokumentācijas tabulas ar koda fragmentiem par katru pieejamo demonstrāciju. Lūk, šeit īsākais bitu bit izmantot modāla logam.

 $ (dokuments) .on ('klikšķi', '.trigger', funkcija (notikums) event.preventDefault (); $ ('# modal') .iziModal ('open');); 

The iziModal () funkcija ir vairāk nekā 45 dažādas iespējas kas var tikt nodots pielāgot modālo logu. Tas arī ir pasūtījuma notikumi tas var aktivizēt funkcijas piemēram, kad modāls atveras, aizveras vai aiziet pilnekrāna režīmā.

Tas ir neticami milzīgs projekts, un tas ir viegli viens no maniem iecienītākajiem modāla loga spraudņiem no a dizaina un lietojamības viedoklis.

Lai noņemtu avota kopiju, varat arī velciet to pa npm vai lejupielādējiet no GitHub. Un, ja jums ir ieteikumi par spraudni vai vienkārši vēlies dalīties ar jūsu paldies, varat čivināt radītāju Marcelo Dolce @marcelodolce.