iziModal.js - tõeliselt dünaamiline modaalaken jQuery plugin
Enamik modaalseid aknaid tundub olevat häirib ja häirib külastajat koos opt-in väljad ja soovimatuid tehinguid. Need moodulid võtavad sageli üle kogu lehekülje, näevad välja kohutavad ja ei paku selget võimalust akna sulgemiseks. Õnneks, iziModal.js on täpselt vastupidine.
See on üks kőrgeimatest modaalsete akende pluginatest, mida ma olen kunagi näinud, ja see annab mulle innustuse, et modaalidega uuesti suhelda.
iziModal.js on a jQuery plugin nii et sa vajad jQuery raamatukogu koopia et see toimiks. Aga see on päris kerge ja saate isegi lisage raamatukogu väliselt CDNJSilt.
Pange tähele, et see plugin on kaasas palju erinevaid võimalusi. Valikud on võimalik edastada kujundage modaali suurus, kaadri tüüp ja animatsioon. Aga sa võid ka luua tagasihelistamisfunktsioonid kui kasutaja sulgeb modali või klõpsab teatud elemendil.
Leiad palju näiteid CodePenis, aga mulle meeldib see demod, mis toimusid iziModal kodulehel. Täpsemalt vaadake iframe embed valik kus see on autoplay Vimeo mängija järjekorras.
Disain on suurepärane ja modaal tõesti tunne osa liidest. Animatsiooni kvaliteet on muljetavaldav ja see kõik on varustatud CSS3 ja jQuery.
Samuti leiate peamise plugina lehelt dokumentide tabelid koodilõigudega iga olemasoleva demo kohta. Siin on lühim kood kasutada modaalakna hüpikaknas.
$ (dokument) .on ('kliki', '.trigger', funktsioon (sündmus) event.preventDefault (); $ ('# modal'). iziModal ('open');); The iziModal () funktsioon on üle 45 erineva valiku mida saab edasi anda kohandada modaalakent. See on ka kohandatud sündmused see saab käivitavad funktsioonid nagu siis, kui modaal avaneb, sulgub või läheb täisekraanile.
See on uskumatult tohutu projekt ja see on lihtsalt üks minu lemmikmooduli akna lisanditest disaini ja kasutatavuse seisukohast.
Allikast kopeerimiseks võite ka tõmmake see läbi npm või allalaadimine GitHubist. Ja kui teil on plugina kohta soovitusi või soovite lihtsalt oma tänu jagada, saate luua looja Marcelo Dolce @marcelodolce.
