10 Stylish jQuery caption plugins

A caption is defined as the text block that appears below an image. The image caption is usually used to give more details about an image/photo.
With the use of jQuery we can make a text overlay effect that occurs when you mouse over an image, thus saving space at the same time in our website.
There are ten stylish jQuery caption plugins listed bellow, which you can freely use in your future work.

1. jQuery Captify Plugin

Captify is a plugin for jQuery written by Brian Reavis to display simple, pretty image captions that appear on rollover. The goal of Captify is to be easy to use, small/simple, and completely ready for use in production environments. Also, it’s only 2.3kb!
jQuery Captify Plugin

2. jCapSlide: A jQuery Image Caption Plugin

Here is a new plugin for creating nice sliding captions for images. When hovering over the image, the caption appears and the image gets a semi-transparent color overlay.
jCapSlide jQuery Image Caption

3. jQuery Drop Captions Plugin

Drop captions takes an image’s title attribute and converts it into a caption that appears only when the mouse is moved over the image. It’s also totally degradable if the user has JavaScript disabled; the title attribute will still display the exact same text.
jQuery Drop Captions Plugin

4. Making image captions using jQuery

Learn how to make a nice semi-transparent image caption using jQuery in this tutorial. The image caption will be triggered on hover. We are going to use fadeTo() jQuery function to achieve the semi-transparency. It’s a really nice effect to have.
Making image captions using jQuery

5. Overlay Text over an Image

Learn how to make a sliding image caption using with a very simple jQuery snippet. The image annotation will appear when the user hovers over the image.
Overlay Text over an Image with jQuery

6. jQuery Image Overlay Plugin

The image overlay plugin is a simple jQuery plugin that attempts to present an image with an overlaid title/caption. The overlay drops in on hover.
jQuery Image Overlay Plugin

7. Animated image Caption for WordPress with jQuery

The image caption has been implemented in WordPress for now. Learn in this tutorial how to manipulate the image caption so it appears only on mouseover. (The original article is written in German, use google translator to translate it to english).
Animated image caption WordPress

8. jQuery Image ‘Wrap’ Captions

Simply place some text in the title attribute and give the image class=”captionme” and you will get lovely “wrap-around” captions which compliment your inline images.
Ribbon image wrap caption jQuery

9. Create a Thumbnail with Fading Caption Using jQuery

This tutorial will show you how to create a fading caption for your thmbnail gallery. It uses jQuery framework and CSS to create this transparent and fading effect.
Thumbnail with Fading Caption Using jQuery

10. JQuery hover caption plugin

Here’s a simple jQuery plugin that adds both a caption and a gray-out effect when hovering over an image.
JQuery hover caption plugin

We offer hight quality 1z0-051 question and practice test for successful preparation.

Download the 642-359 dumps with detailed 646-230 information so you will pass your certification exam in very first attempt.

15 Excellent thumbnail gallery effects

10 Ways to animate your hyperlinks

Best Animated Jquery Slideshows

5 Lava lamp / Fancy menu navigations

15 Comments

Slobodan Kustrimovic 02/11/2010, 9:42 am:

Thanks for including my tutorial. Number 4.
admin 02/11/2010, 11:43 am:

Thank you Slobodan for your excellent tutorial! Looking forward for more stuff from you. Cheers!
bill 02/12/2010, 1:28 pm:

Nice roundup. A lot of them seem to duplicate the same function of covering up the image with the caption. Except for #3 which drops it out of the way, below the image.
Kevin Mist 02/20/2010, 9:49 am:

Thanks for this.. I was just searching for one of these for my most recent project. I think I will try out the #3 as well as it does not cover the image..

K
web design barnsley 03/12/2010, 6:50 am:

Great thanks for this, just what I need for a portfolio site I’m doing
Norfolk Web Design 03/26/2010, 12:03 pm:

Thats a really nice collection of plugins…the Captify & Wrap ones will be very useful thanks!
Web Design 03/31/2010, 6:36 am:

Great collection, thanks for sharing! I’m looking forward for no 3 also.
PremierPixels 08/03/2010, 8:15 pm:

A picture may paint a thousand words but some may still need some captions for elaboration. Love these plugins.
i4visualmedia 09/17/2010, 5:42 am:

Brilliant thanks, going to be using number 5 for sure.
WPmasters 10/04/2010, 4:13 pm:

Thanks, great collection of plugins.
MediaLinkers 10/27/2010, 3:58 am:

Good collection of pluggins..i like the Num :1..and 7..
Lookmywebpage 08/07/2011, 1:09 am:

Bring social icons on image hover as image caption.

Check this link to learn more:

http://lookmywebpage.com/api/library/social-sharing-buttons-on-image-overlay-using-jquery-capty-plugin-and-addthis/
jack 08/23/2011, 5:21 am:

Recently bumped into this image caption script called Sic. It seems to do quite a lot, though i havent tested it all that much. http://photoshopmesta.net/sic/?p=1
feathersdesigns 10/18/2011, 12:25 am:

thanks for caption slider.good stuff
Wu Young 08/02/2012, 4:46 pm:

Excellent article on the matter of image captions. Plugins seemed a bit heavy approach for me. A quick Google and I found source that helped:

http://techoctave.com/c7/posts/84-image-description-overlay-using-javascript-and-jquery