Create Speech bubble popups
Updated: Fixed vertical alignment, removed "paddingTop" and "paddingBottom" options.
Tested and works in Firefox 3.0.5, Opera 9.62, Chrome 1.0.154.43, Safari 3.2.1 and IE 7.0.5730.13 -- All on Win XP
Usage:
$('#id').bouncebubble();
or
$('img').bouncebubble({force:'UL'});
or
$('#id').bouncebubble({text: 'Your text here'});
Options:
text // Text to display in the speech bubble - Default: 'Rockechris' :D
picPath // Path to the images used by the plugin ("LL.png", "UL.png", "LR.png" and "UR.png") - Default: './'
easing // Easing to be used when showing - Default: 'easeInOutElastic' if the easing plugin has been loaded, else 'swing'
animTime //Duration of intro animation - Default: 2000ms
visibleTime // How long the bubble should stay visible - Default: 2000ms
outTime // Duration of fade out-effect - Default: 500ms
force // Override the default direction of the popup - use
// UL (Upper Left)
// UR (Upper Right)
// LL (Lower Left) or
// LR (Lower Right)
// Default: '' (none)
wait // Time before popup displays - Default: 0ms
event // Event to fire the popup - Default: 'mouseover'
Contact me: Here
Examples: