Download
User Rating: 0/5 ( 0 votes)
jQuery Hovercap is the jQuery plugin that display caption overlays over images
Source: satoh-d.github.io
1. INCLUDE JS FILES
<script src="js/jquery.js"></script>
<script src="jquery.hovercap.js"></script>
2. HTML
<div class="target">
<div class="target__image"><img src="..." alt=""></div>
<div class="target__caption">Content...</div>
</div>
3. JAVASCRIPT
$(function() {
$('.target').hovercap({
toggleElement: '.target__caption'
});
});
4. OPTIONS
Name |
Type |
Defualt |
Description |
toggleElement |
string |
None |
Selector for captions. |
toggleAnimation |
string |
slide |
Effect for captions[slide/fade]. |
toggleDirection |
string |
toTop |
Direction of captions[toTop/toRight/toBottom/toLeft]. |
animationSpeed |
integer |
200 |
Animation Speed(ms). |
animationEasing |
string |
linear |
Easing for Animation |
onSetup |
function |
None |
Callback function fired when after Initialization. |
onShow |
function |
None |
Callback function fired when captions are shown. |
onHide |
function |
None |
Callback function fired when captions are hidden. |