index.html

<link type="text/css" rel="stylesheet" href="css/cm-overlay.css" />
<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>
<div id="group-2">
    <a class="cm-overlay" href="http://dummyimage.com/600x800/ccc/000">Four</a>
    <a class="cm-overlay" href="http://dummyimage.com/600x800/9c9/000">Five</a>
    <a class="cm-overlay" href="http://dummyimage.com/600x800/c9c/000">Six</a>
</div>
<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>
<script>
    $(document).ready(function(){
        $('.cm-overlay').cmOverlay();
    });
</script>