Simplest jQuery Product Image Zoom Plugin - Zoomper

File Size: 12.6 KB
Views Total: 5114
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Simplest jQuery Product Image Zoom Plugin - Zoomper

Zoomper is an extremely lightweight jQuery image zoom plugin used to enable pan and zoom capabilities on any image.

How to use it:

1. Add jQuery JavaScript library and the jQuery Zoomper plugin to your webpages.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="zoomper.jquery.js"></script>

2. Add the small and large images into a DIV container.

<div class="zoom" 
     data-small="small.jpg" 
     data-large="large.jpg" 
     >
</div>

3. Call the function on document ready. That's it.

$('.zoom').zoomper();

This awesome jQuery plugin is developed by cpreid. For more Advanced Usages, please check the demo page or visit the official website.