Lightweight jQuery Plugin To Zoom Images On Hover - HoverPulse

File Size: 2.76 MB
Views Total: 8781
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Lightweight jQuery Plugin To Zoom Images On Hover - HoverPulse

HoverPulse is an ultra-lightweight jQuery plugin used to apply a zoom effect on an image on mouse hover.

How to use it:

1. Include the jQuery hoverpulse plugin after jQuery library.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery.hoverpulse.js"></script>

2. Enable the plugin by just calling the function on the images.

$(document).ready(function () {
$('img').hoverpulse();
});

3. Available options.

$(document).ready(function () {
$('img').hoverpulse({
size: 20,
speed: 200,
zIndexActive: 100,
zIndexNormal: 1
});
});

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