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
   
Extremely Lightweight jQuery Modal Window Plugin - icy-modal

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.