iziModal.js - Истински динамичен модулен прозорец jQuery Plugin

Повечето модални прозорци изглежда разсее и дразни посетителя с полета за включване и нежелани сделки. Тези модели често поемат цялата страница, изглеждат ужасно и не предлагат ясен начин да затворите прозореца. благодарно, iziModal.js е точно обратното.

Това е един от най-елегантните плъгини за модални прозорци, които съм виждал и ме кара да се вълнувам да си взаимодействам отново с моделите.

iziModal.js е a jQuery плъгин така че се нуждаете копие на библиотеката jQuery за да работи това. Но е доста лек и можеш дори включете външно библиотеката от CDNJS.

Забележете, че този плъгин се доставя с много различни варианти. Можете да преминете в опции към стил на модалния размер, тип рамка и анимация. Но вие също можете създаване на функции за обратно извикване ако потребителят затвори модален или кликне върху определен елемент.

Можете да намерите много примери на CodePen, но аз наистина харесвам демонстрации, хоствани на началната страница на iziModal. По-конкретно, вижте вградена опция за вградена рамка къде е Vimeo плейър на опашка в модалния.

Дизайнът е великолепен и модалният наистина се чувства така част от интерфейса. Качеството на анимацията е впечатляващо, и всичко е захранвано с CSS3 & jQuery.

На главната страница на приставката ще намерите също таблици с документация с кодови фрагменти за всяка от наличните демонстрации. Ето най-късия код да се използва за изскачащ прозорец на модален прозорец.

 $ (document) .on ('click', '.trigger', функция (event) event.preventDefault (); $ ('# modal'). iziModal ('open');); 

Най- iziModal () функция над 45 различни варианта които могат да бъдат прехвърлени към персонализирайте модалния прозорец. Тя също има персонализирани събития това може тригерни функции като например, когато модал се отваря, затваря или отива на цял екран.

Това е невероятно мащабен проект и лесно е един от любимите ми модулни прозоречни плъгини от a гледна точка на дизайна и използваемостта.

Можете да вземете копие на източника дръпнете го през npm или изтегляне от GitHub. И ако имате предложения за плъгина или просто искате да споделите благодарностите си, можете да чуруликам създателя Марсело Долче @marcelodolce.