Responsive modal plugin – iziModal

So easy – iziModal – elegant, flexible, lightweight and responsive modal plugin with jQuery.

Responsive modal for web projects

Setup responsive modals in your project with no pain. Use iziModals – fast, animated, lightweight, customizable and free solution.

iziModal - a lightweight modal plugin with jQuery
iziModal – a lightweight modal plugin with jQuery

Setup

npm install izimodal --save

HTML:

<a href="#" data-izimodal-open="#modal" data-izimodal-transitionin="fadeInDown">Modal</a>

JS:

$(document).on('click', '.trigger', function (event) {
    event.preventDefault();
    // $('#modal').iziModal('setZindex', 99999);
    // $('#modal').iziModal('open', { zindex: 99999 });
    $('#modal').iziModal('open');
});

License: Apache License 2.0

Homepage

http://izimodal.marcelodolza.com

GitHub

https://github.com/marcelodolza/iziModal

See also

A nice CSS3 and jQuery modal dialog – Adaptive Modal

CSS modal dialogs tutorial

Bootbox.js – easy Bootstrap modal dialogs

Awesome CSS and jQuery slide in panel

ZingTouch and gestures handling in JS – a great Hammer.js alternative

Enjoy!