- Overview
- Documents
Centered Modal Overlay is a jQuery plugin which allows you to navigate through a group of images in a responsive, full-page and mobile-friendly modal box.
Source: github.com
Jul 18, 2014 in Lightbox 3882 views
Centered Modal Overlay is a jQuery plugin which allows you to navigate through a group of images in a responsive, full-page and mobile-friendly modal box.
Source: github.com
1. INCLUDE CSS AND JS FILES
<link type="text/css" rel="stylesheet" href="css/cm-overlay.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="js/jquery.tools.min.js"></script> <script src="js/jquery.mobile.custom.min.js"></script> <script src="js/jquery.cm-overlay.js"></script>
2. HTML
<div id="group-1"> <a class="cm-overlay" href="http://dummyimage.com/600x800/000/fff">One</a> <a class="cm-overlay" href="http://dummyimage.com/600x800/3cc/fff">Two</a> <a class="cm-overlay" href="http://dummyimage.com/600x800/f66/fff">Three</a> </div>
3. JAVASCRIPT
$(document).ready(function(){ $('.cm-overlay').cmOverlay(); });
Tagged with:
modal overlay
centered modal overlay
cm-overlay.js
modal
overlay
responsive modal
responsive
Related Articles