iziModal.js - дійсно динамічний модульний вікно jQuery Plugin

Більшість модальних вікон здається відволікати і дратувати відвідувача с поля ввімкнення і небажані угоди. Ці модальні часто займають всю сторінку, виглядають жахливо, і не пропонують чіткий спосіб закрити вікно. На щастя, iziModal.js є прямо протилежною.

Це один з найбільш гладких модульних віконних плагінів, які я коли-небудь бачив, і це змушує мене знову взаємодіяти з моделями.

iziModal.js - це плагін jQuery так що вам потрібно копію бібліотеки jQuery щоб це працювало. Але це досить легкий і ви навіть можете включати бібліотеку зовні від CDNJS.

Зверніть увагу на цей плагін багато різних варіантів. Ви можете передати опції на стиль модального розміру, тип кадру та анімація. Але ви також можете створення функцій зворотного виклику якщо користувач закриває модальний або кліки на певний елемент.

Ви можете знайти безліч прикладів на CodePen, але мені дуже подобається Демонстрації розміщені на домашній сторінці iziModal. Зокрема, перевірте параметр вставки iframe де вона є програвач для автозапуску Vimeo в черзі в модальному режимі.

Дизайн розкішний і модальний дійсно відчуває, що це частина інтерфейсу. Якість анімації є вражаючою, і все це працює CSS3 & jQuery.

На головній сторінці плагіна ви також знайдете таблиці документації з фрагментами коду для кожної з доступних демонстрацій. Ось найкоротший біт коду використовувати для спливаючого вікна модального вікна.

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

The iziModal () функція має більше 45 різних варіантів які можна передати до налаштувати модальне вікно. Вона також має спеціальні події що може функції тригера як, коли модаль відкривається, закривається або йде на весь екран.

Це неймовірно масовий проект, і це легко один з моїх улюблених модульних віконних плагінів від точки зору дизайну та зручності використання.

Щоб захопити копію джерела, ви можете витягніть його через npm або завантажити з GitHub. А якщо у вас є пропозиції щодо плагіна або просто хочете поділитися своїми подяками, ви можете твітти творця Марсело Дольче @marcelodolce.