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.