Captall: jQuery plugin that can be used to show a caption over an image or any DOM element.

jQuery Captall is a plugin that creates captions on images or any DOM element.

jQuery Captall – Add a caption to everything

Download: https://github.com/wezy01/captall

Demonstration:

HTML element

<p><img src="images/sea.jpg" id="image" alt="Hi, I'm a caption" width="300" height="198" /></p>

Javascript call

$(document).ready(function() {
  // Simple call
  $('#image').captall();
 
  // Call with options
  $('#image').captall({
    slideFrom:  'topcenter',
    slideTo:    'center',
    width:      '50%',
    height:     '1/2'
  });
});

Plugin homepage:

Implementation:

Options:

Screenshots:

Creating a JavaScript Library

I recently wrote a JavaScript library for creating random colors and color schemes, and while I foun…

jQuery Flash Plugin

This jQuery plugin is for embedding Flash movies. Pages are progressively enhanced when Flash and Ja…

jQuery Optimization: Optimize Selector

We can also optimize our selector other than being a bit specific on our selector. The key to optimi…

jQuery drop down menu: droppy

Quick and dirty nested drop-down menu in the jQuery style. I needed a nav like this for a recent pro…

jQuery slideViewerPro: A “pro” jQuery image slider

slideViewerPro is a fully customizable jQuery image gallery engine which allows to create outstandin…

jQuery Optimization: Avoid Unnecessary Styling

This is another common mistake that many jQuery developer made. jQuery provides us with the ability …