Create Image Hover With Plugin jQuery Zoom

.zoomIcon {width:33px;height:33px;position:absolute;top:0;right:0;background:url(http://www.jacklmoore.com/zoom/icon.png);}
.zoom {position:absolte;display:inline-block;margin-right:5px;float:left;}
.zoom img {width:360px;height:350px;display: block;max-width:none;}
.zoom p {position:absolute;top:3px;right:28px;color:#555;font:bold 13px/1 sans-serif;}
#ex2 img:hover { cursor: url(http://www.jacklmoore.com/zoom/grab.cur), default;}
#ex2 img:active { cursor: url(http://www.jacklmoore.com/zoom/grabbed.cur), default;}

<!-- Time for jquery action -->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='http://www.jacklmoore.com/js/jquery.js'></script>
<script src='http://www.jacklmoore.com/zoom/jquery.zoom.js'></script>

<div class='zoom' id='ex1'>
<p>Hover</p>
<img src='sampleimage.jpg' alt=''/>
</div>
<script>
$('#ex1').zoom();
</script>

<div class='zoom' id='ex2'>
<p>Grab</p>
<img src='sampleimage.jpg' alt=''/>
</div>
<script>
$('#ex2').zoom({ on:'grab' });
</script>

{[['', '']]}