Simple Animated Image Caption Plugin For jQuery

File Size: 9.03 KB
Views Total: 1362
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Simple Animated Image Caption Plugin For jQuery

Image Caption is a simple jQuery plugin that loads image caption & source URL from data-* attributes and display them at the bottom right corner of the image when mouse hover. Used commonly for displaying copyrights tooltip on IMG tag.

See also:

How to use it:

1. Include jQuery Image Caption plugin after jQuery library.

<script src=""></script>
<script src="jquery.imgcaption.js"></script>

2. Insert an image into the web page and use data-* attributes to set the image caption and the source URL.

<img alt="Alt" 
     data-caption="Image Caption"

3. To enable the image hover caption just call the plugin on the image.


4. Set the default options.

'backgroundColor': "#eee", 
'textColor':'#444', // // The text color of text caption.
'fontSize': '0.8rem', // The font size.
'fontStyle': 'italic' // font style default.

Change log:


  • Support jQuery 3.2.1+
  • added data-caption-align attribute to customize caption alignment


  • minor default settings adjustments


  • Fixed nav-bar fast-click buupdated to use figure/gigcaption tags to wrap img element

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