How to use Photozoom jQuery plugin with zoom position over the image
An example to use photozoom plugin to enhance any image on a webpage.
Example
Zooming image on hover action.
Zooming image on click action.
HTML & Script
<img id="example1" src="pic-1.jpg" style="height: 200px;" />
<img id="example2" src="pic-2.jpg" style="height: 200px;" />
<link href="photozoom.css" rel="Stylesheet" />
<script src="photozoom.js" type="text/javascript"> </script>
<script src="swipe.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#example1").photozoom({ Position: 'over', Action: 'hover' });
$("#example2").photozoom({ Position: 'over', Action: 'click' });
});
</script>
License & Download PhotoZoom