Steve Fenton

Jquery Easy Captions

Quick Links

Visit the jQuery Easy Captions project hub, which has a demonstration and download for this plugin on JS Plugins JavaScript Plugin Library.

Easy Captions Demonstration.

Description

The jQuery Easy Captions project is a plugin for the jQuery JavaScript Framework, which reliably adds captions to your images, based on the alt-tag of the image. The positioning of the caption is stable, taking into account border and padding and keeping up to date with page-resizing.

If you find my open source projects and jQuery plugins useful,
please consider making a donation!

Requirements

• jquery.js
• jquery.easycaptions.js

CSS

/* Optional styles */
		.images {
			text-align: center;
		}
		
		.eccaption p {
			font-size: small;
			margin: 0;
			padding: 8px;
		}
		
		img {
			border: 10px solid #444444;
			padding: 5px;
			background-color: #FFFFCC;
		}

JavaScript

$(".images img").easycaptions();

With all options set:

$(".images img").easycaptions({
    "classmodifier": "ec",
    "opacity": "0.5"
});

You Are Here: Home » JavaScript » Easy Captions