Simple Animated Image Caption Plugin For jQuery - imageTitle

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

imageTitle is a simple lightweight jQuery plugin helps you create customizable image caption hover effects that appear on rollover.

How to use it:

1. Include the _imageTitle.css in the head of the document.

<link href="css/_imageTitle.css" rel="stylesheet">

2. Include jQuery library and the jQuery imageTitle plugin at the bottom of the document.

<script src=""></script>
<script type="text/javascript" src="script/_jquery.imageTitle.js"></script>

3. Insert an image with caption into your document body.

<div class="captionfull"> <img src="">
  <div class="cover boxcaption">
    <div class="boxgrid_title">Image Title</div>
    <div class="boxgrid_con">More details<br>
      More details</div>

4. Initialize the plugin and custom the image caption.


5. Options and defaults.

// type: captionfull, caption, slideright, thecombo, slidedown
// image height
// image width
// the image distance from top
// the image distance from left
// the image caption distance from top
// the image caption distance frm left
// animation speed

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