This time I will share jQuery Plugin and tutorial about jQuery On Hover Image Inner Zoom Plugin – jqzoomer, hope it will help you in programming stack.
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.
1 |
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> |
2 |
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> |
3 |
<script src="jqzoomer.1.0.js"></script> |
2. Wrap your small image into a link containing the path to the large image.
3. Initialize the plugin by calling the function on the top container.
This awesome jQuery plugin is developed by R-MAN-D. For more Advanced Usages, please check the demo page or visit the official website.
