Easily add Captions to your Images with jQuery and MooTools

Posted on August 12, 2009, Filled under JavaScript, jQuery,  Bookmark it

jCaption is a JQuery Plugin designed to make adding captions to a page very simple. It uses an attribute of the image element to build the markup for a caption. The plugin allows for both arbitrary styling and mark-up.

jcaption

Features include:

  • Animated captions (the duration of the animation can be specified)
  • Follows JQuery conventions
  • Arbitrary markup (other markup, besides the tag that is required, is arbitrary)
  • Allows placement from text-editors

Web-Editors like tinyMCE or FCKditor allow users to align images to the left or right of text. Depending on the version, this is accomplished using the “align” attribute or “style” attribute. This plugin accomodates both and makes sure that the caption is correctly placed as well.

ImageCaption is a very customizable and painless to style MooTools 1.2+ plugin for easily adding figure captions to image elements on a web page. It follows standard MooTools coding style and documentation.

mootools-image-caption-plugin

Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!

Get our RSS Feed!

Leave a Reply


* = required fields

  (will not be published)


XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Note: If you want to post CODE Snippets, please make them postable first!
(e.g. <br /> should be converted to &lt;br /&gt;)