Image Zoom jQuery Demo

Simple jQuery plugin that will allow users to zoom in your images, perfect for product images and galleries that is less than 2kb (minified version).

View Repo Download Report Issue

 

Image with default zoom:

A image to apply the ImageZoom plugin

Example code:

<img id="imageZoom" src="https://picsum.photos/1080/720" alt="A image to apply the ImageZoom plugin"> <script> $(document).ready(function(){ $('#imageZoom').imageZoom(); }); </script>

 

Image with 200% zoom:

A image to apply the ImageZoom plugin <img id="imageZoomExtra" src="https://picsum.photos/1440/1080" alt="A image to apply the ImageZoom plugin"> <script> $(document).ready(function(){ $('#imageZoomExtra').imageZoom({zoom : 200}); }); </script>

 

Image with 300% zoom:

A image to apply the ImageZoom plugin <img id="imageZoomExtraPlus" src="https://picsum.photos/1920/1080" alt="A image to apply the ImageZoom plugin"> <script> $(document).ready(function(){ $('#imageZoomExtraPlus').imageZoom({zoom : 300}); }); </script>