• 4/11/2013
• 17967
• PhotoZoom Plugin, jQuery Plugin, Photozoom feature, Rudra Softtech LLP, Best Web Development Company

Add zooming to any photo.

Example

Mouse-over the image or slide over the image.

Code

Html

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

<img id="photozoom1" style="width:300px;" data-largesrc="http://www.rudrasofttech.com/res/img/sample/rocky1.jpg"
        src="http://www.rudrasofttech.com/res/img/sample/small/rocky1.jpg" alt="" />

Script

<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 () {
        $("#photozoom1").photozoom();
    });
</script>

Share It

• Tweet