This time I will share jQuery Plugin and tutorial about jQuery Plugin For Slick Image Hover Effects – nsHover, hope it will help you in programming stack.
nsHover is a lightweight jQuery plugin that makes it easy to create animated, customizable hover effects on your images or block elements.
Key Features:
- Generates a customizable background overlay covering the image on hover.
- Custom background image, text, color, size, animation and opacity.
- Custom text for the overlay. Similar to the image captions.
- Also supports any block elements.
How to use it:
1. To use the plugin start with adding the following in your document.
1 |
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> |
2 |
<script src="src/ns.hover.min.js"></script> |
2. Add your images into one or different containers.
1 |
<div class="container"> |
3. Call the nsHover() method on the parent container to generate a default hover effect on the child images.
1 |
$('.container').nsHover(); |
4. Customize the image hover effect by passing the options to the nsHover() as an object.
27 |
bgpic : 'imgs/lens.png', |
This awesome jQuery plugin is developed by nslabz. For more Advanced Usages, please check the demo page or visit the official website.
