jQuery Caption Display Plugin Captall
Usage
Add the jquery library, captall, and easing to your page.
1 2 3 | <script src='js/jquery.min.js' type='text/javascript'></script><script src='js/jquery.captall.min.js' type='text/javascript'></script><script type="text/javascript" src="js/easing.js"></script> |
html
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 should the caption appear?
backgroundColor String Default: FFFFFF - Define the background color.
caption String Default: Empty - Text, link, image, etc.
delay Integer Default: 0 - Define the delay for showing and hiding elements, fading, and sliding.
delay Integer Default: 0 - Define the delay for displaying elements, fading, and sliding.
delayOut Integer Default: 0 - Define the delay for hiding elements, fading, and sliding.
easing String Default: Empty - Define the easing effect for element animations in and out. Only applies to slides.
easingIn String Default: Empty - Define the easing effect for the element's entrance animation. Slide only.
easingOut String Default: Empty - Define the easing effect for the element's exit animation. Slide only.
fadeOutAfter Integer Default: 0 - Define the time after which a fixed element fades out.
fontColor String Default: 000000 - Define the font color.
fontSize String Default: 16px - Define the font size.
height Integer Default: 30 - The height of the element.
inTime Integer: Default value: 200 - The time in milliseconds for which the element is displayed.
left Integer: Default value: 0 - The left position of the element.
opacity Float: Default value: 0.7 - The default opacity of the floating element.
outTime Integer: Default value: 200 - The time in milliseconds for the element to disappear.
padding Array: Default value: [0] - Defines the space between the element's border and its content.
paddingTop Integer: Default value: 0 - The top padding.
paddingRight Integer: Default value: 0 - The right padding.
paddingBottom Integer: Default value: 0 - The bottom padding.
paddingLeft Integer: Default value: 0 - The left padding.
sldeFrom String: Default value: Bottom - Defines the direction from which the element slides in.
slideTo String: Default value: Bottom - Defines the direction in which the element slides out.
textAlign String: Default value: Left - The text alignment within the element.
time Integer: Default value: 200 - The time in milliseconds for the element to appear and disappear.
top Integer: Default value: 0 - The top position of the element.
width String: Default value: Full - The width of the element.