Extremely Lightweight jQuery Modal Window Plugin - icy-modal
File Size: | 16.2 KB |
---|---|
Views Total: | 841 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
icy-modal is a simple, lightweight, fast jQuery modal window that has the ability to load inline content within the html document and comes with a scale effect using CSS3 transitions & transforms.
How to use it:
1. Link to jQuery library and the jQuery icy-modal plugin's files:
<link rel="stylesheet" href="css/icy-modal.css"> <script src="//code.jquery.com/jquery-3.1.1.slim.min.js"></script> <script src="js/icy-modal.min.js"></script>
2. You need to have a div to hold the modal content.
<div id="modal-1" class="im-modal"> <div class="im-inner-panel"> <h1>hi, I'm modal 1</h1> </div> </div>
3. Create a trigger link to toggle the modal using data-im-show
attribute as follow:
<a href="#" data-im-show="modal-1">Click Here Modal 0</a>
This awesome jQuery plugin is developed by marek95. For more Advanced Usages, please check the demo page or visit the official website.