Extremely Lightweight jQuery Modal Window Plugin - icy-modal
| File Size: | 16.2 KB |
|---|---|
| Views Total: | 852 |
| 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.











