jQuery On Hover Image Inner Zoom Plugin - jqzoomer

File Size: 6.14 KB
Views Total: 7097
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery On Hover Image Inner Zoom Plugin - jqzoomer

jqzoomer is a very lightweight jQuery plugin that provides basic inner zoom functionality on your images on mouse hover. Without the need of writing any CSS rules.

How to use it:

1. Include the needed jQuery library and other required resources on the html page.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="jqzoomer.1.0.js"></script>

2. Wrap your small image into a link containing the path to the large image.

<div class="demo">
  <a href="large.jpg">
    <img src="small.jpg">
  </a>
</div>

3. Initialize the plugin by calling the function on the top container.

$(".demo").jqzoomer();

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