Download
Demo
- Overview
- Documents
jQuery Hovercap is the jQuery plugin that display caption overlays over images
Source: satoh-d.github.io
Sep 02, 2014 in Animation 3436 views
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. |
Tagged with:
jquery hovercap
jquery plugin
display caption overlays
over images
overlays
caption
hovercap
caption overlays
Related Articles
JS Tutorial