This time I will share jQuery Plugin and tutorial about View Zoomed Images On Mouse Hover – jQuery Bighover, hope it will help you in programming stack.
Bighover is a simple-to-use jQuery image zoom/viewer plugin which displays the magnified images as you hover over the thumbnails.
How to use it:
1. Download and insert the jquery.bighover.js script after loading jQuery JavaScript library.
1 |
<script src="//code.jquery.com/jquery.min.js"></script> |
2 |
<script src="jquery.bighover.js"></script> |
2. Call the plugin with default settings on the images and done.
1 |
<img id="demo" src="1.jpg"> |
1 |
$(document).ready(function(){ |
3. Set the height/width of the zoomed images.
1 |
$(document).ready(function(){ |
4. Change the default position, possible values are : ‘right’, ‘top-right’, ‘top’, ‘top-left’, ‘left’, ‘bottom-left’, ‘bottom’, and ‘bottom-right’ (default to ‘bottom-right’)
1 |
$(document).ready(function(){ |
This awesome jQuery plugin is developed by philippeauriach. For more Advanced Usages, please check the demo page or visit the official website.
