How to use Photozoom jQuery plugin with zoom position over the image
![](http://www.rudrasofttech.com/bootstrap/img/blog/PhotoZoom/photo-Zoom-JQuery.jpg)
An example to use photozoom plugin to enhance any image on a webpage.
Example
Zooming image on hover action.
![](http://www.rudrasofttech.com/res/img/wallpapers/pic-1.jpg)
Zooming image on click action.
![](http://www.rudrasofttech.com/res/img/wallpapers/pic-2.jpg)
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