JQuery ColorBox

http://stackoverflow.com/questions/26092367/colorbox-popup-on-schedule

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-zoom/1.7.21/jquery.zoom.min.js"></script>
<span class="zoom" id="ex4.">
  <img width="200" height="300"...

CSS

.zoom{display:inline-block;position:relative;}
.zoom:after{content:'',display:block;width:33px;height:33px;position:absolute;top:0;right:0;}
.zoom img{display:block;}
.zoom img::selection{background-color:transparent;}
#ex4 img:active{cursor:default;}

JavaScript

$(document).ready(function(){  
   $("#ex4").zoom({on:"grab"});
});