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
If you have any queries regarding photozoom please feel free to comment in the box below. I'd be happy to help.
Chat With Us Close
Leave Message