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

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

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

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

Вы можете найти множество примеров на CodePen но мне очень нравятся демоверсии, размещенные на Домашняя страница iziModal, В частности, обратите внимание на опцию встраивания iframe, где в модале находится игрок Vimeo с автоматическим воспроизведением, стоящий в очереди.
Дизайн великолепен, и модал действительно ощущается как часть интерфейса. Качество анимации тоже впечатляет, и все это работает на CSS3 и jQuery.

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

$ (document) .on (‘click’, ‘.trigger’, function (event) {
    event.preventDefault ();
    $ ( ‘# Модальный’) iziModal ( ‘открытый’).
});

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

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

Чтобы получить копию исходного кода, вы можете вытащить ее через npm или скачать с GitHub,