How to add zooming to any photo using PhotoZoom jQuery Plugin

Add zooming to any photo.


Mouse-over the image or slide over the image.



Notice the example uses a different image to zoom, check data-largesrc attribute in image tag.

<img id="photozoom1" style="width:300px;" data-largesrc=""
        src="" alt="" />


<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 () {
License & Download PhotoZoom
Subscribe for our monthly newsletter for updated articles and useful code scripts.

Share It

comments powered by Disqus
Chat With Us Close
Leave Message