jQuery Centered Modal Overlay

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.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

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();
});