The best place to find jQuery plugins !

Welcome on myjqueryplugins,

the best jquery plugins library !

Add your jQuery plugin.

Connect it with GitHub and create your plugin Homepage.

Make known your plugin to the community or link it to your own website !

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

Plugin rate :

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

 

jQuery Captall - Add a caption to everything

 

Go to http://www.captall.be to view all options and examples

Implementation: 

HTML element

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

 

Javascript call

1
2
3
4
5
6
7
8
9
10
11
12
$(document).ready(function() {
  // Simple call
  $('#image').captall();
 
  // Call with options
  $('#image').captall({
    slideFrom:  'topcenter',
    slideTo:    'center',
    width:      '50%',
    height:     '1/2'
  });
});
Options: 
animation
String
Default : slide - How will the caption show itself?
backgroundColor
String
Default : ffffff - Defines the background color.
caption
String
Default : empty - The text or link or image or ....
delay
Integer
Default : 0 - Defines the delay to show and hide the element, for fade and slide
delayIn
Integer
Default : 0 - Defines the delay to show the element, for fade and slide
delayOut
Integer
Default : 0 - Defines the delay to hide the element, for fade and slide
easing
String
Default : empty - Defines the in and out animation of the element, for slide only
easingIn
String
Default : empty - Defines the in animation of the element, for slideonly
easingOut
String
Default : empty - Defines the out animation of the element, for slide only
fadeOutAfter
Integer
Default : 0 - Defines the time after which the fixed element fades out
fontColor
String
Default : 000000 - Defines the color of the font.
fontSize
String
Default : 16px - Defines the size of the font.
height
Integer
Default : 30 - Height of the element.
inTime
Integer
Default : 200 - Time in milliseconds for the element to appear.
left
Integer
Default : 0 - The left position of the element.
opacity
Float
Default : 0.7 - The opacity of the element.
outTime
Integer
Default : 200 - Time in milliseconds for the element to disappear.
padding
Array
Default : [0] - Defines the space between the border of the element and the content of the element.
paddingTop
Integer
Default : 0 - The padding to the top border.
paddingRight
Integer
Default : 0 - The padding to the right border.
paddingBottom
Integer
Default : 0 - The padding to the bottom border.
paddingLeft
Integer
Default : 0 - The padding to the left border.
sldeFrom
String
Default : bottom - Defines from where the element slides in.
slideTo
String
Default : bottom - Defines to where the element slides.
textAlign
String
Default : left - The alignment of the text in the element.
time
Integer
Default : 200 - Time in milliseconds for the element to appear and to disappear.
top
Integer
Default : 0 - The top position of the element.
width
String
Default : full - The width of the element.
Screenshots
  • Captall logo

Add new comment

To prevent automated spam submissions leave this field empty.

Plain text

  • Lines and paragraphs break automatically.
  • Allowed HTML tags: <p> <br> <br />

Informations

jQuery
>= 1.4
Current version
1.0.0
Browsers compatibility
Google ChromeIE 7IE 8IE 9Mozilla FirefoxOperaSafari
Fork it on github Comments [0]