iziModal.js - действительно динамический модальный оконный плагин jQuery

Большинство модальных окон кажутся отвлекать и раздражать посетителя с поля выбора а также нежелательные предложения. Эти моды часто занимают всю страницу, выглядят ужасно и не предлагают четкого способа закрыть окно. благодарно, iziModal.js это полная противоположность.

Это один из самых элегантных модальных оконных плагинов, которые я когда-либо видел, и это заставляет меня снова радоваться взаимодействию с модальными моделями..

iziModal.js является плагин jQuery так что вам нужно копия библиотеки jQuery чтобы это работало. Но это довольно легкий и вы можете даже включить библиотеку извне от CDNJS.

Обратите внимание, что этот плагин поставляется с много разных вариантов. Вы можете передать в опциях стиль модальный размер, тип кадра и анимации. Но вы также можете создать функции обратного вызова если пользователь закрывает модальное или нажимает на определенный элемент.

Ты можешь найти множество примеров на CodePen, но мне очень нравится демонстрации размещены на домашней странице iziModal. В частности, проверьте возможность вставки в iframe где это Автовоспроизведение Vimeo Player в очереди в модале.

Дизайн великолепен, и модал действительно чувствует, что это часть интерфейса. Качество анимации тоже впечатляет, и все это работает с CSS3 и jQuery.

На главной странице плагина вы также найдете таблицы документации с фрагментами кода для каждой из доступных демонстраций. Вот самый короткий бит кода использовать для всплывающего окна модального.

 $ (document) .on ('click', '.trigger', function (event) event.preventDefault (); $ ('# modal'). iziModal ('open');); 

iziModal () функция имеет более 45 разных вариантов которые могут быть переданы в настроить модальное окно. Он также имеет пользовательские события это может триггерные функции например, когда модал открывается, закрывается или уходит на весь экран.

Это невероятно масштабный проект, и он легко является одним из моих любимых модальных оконных плагинов из дизайн и удобство использования.

Чтобы получить копию источника, вы можете либо потяните его через нпм или же скачать с GitHub. И если у вас есть предложения по поводу плагина или вы просто хотите поделиться своей благодарностью, вы можете написать в Твиттере создателю Marcelo Dolce @marcelodolce.