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 |
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.