jQuery Plugin footer caption: add captions to images

jquery.footercaption.js is a plugin for jQuery that can dynamically add captions to images and other elements on the page ( click here for a demo). , se presenti. jquery.footercaption.js draws the caption text directly from the attributes title or alt , if any. Alternatively you can provide a personal text along with a number of additional parameters such as:

1
2
3
4
5
6
7
* @ Option Caption height height (default 32px)
* @ Option Caption alpha alpha Opacity (default 0.7)
* @ Option bgcolor Caption background color (default # 000)
* @ Option colored Caption font color (default # fff)
* @ Option Caption font font family name (default Verdana)
* @ Option fontSize Caption font size (10px by default)
* @ Text Custom Text option. If setting alt and title are ignored (default'')

Use

1
2
3
4
"text/javascript" src = "http://www.google.com/jsapi" >< / script > < script type = "text / javascript" src = "http://www.google.com/jsapi"> </ script >
"text/javascript" > google.load("jquery", "1.3") < / script > < script type = "text / javascript"> google.load ("jquery", "1.3") </ script >
<! - Loads the latest version of jquery footer caption ->

Upon completion of this page you can use the new method footerCaption() :

1
2
) . footerCaption ( { bgcolor : '#f90' , color : '#222' } ) ; $ ('Div # provadiv'). FooterCaption ({bgcolor: '# f90', color: '# 222'});
) . footerCaption ( { bgcolor : '#eee' , color : '#000' , text : 'Custom caption <a href="#">click here</a>' } ) ; $ ('Img # myid'). FooterCaption ({bgcolor: '# eee', color: '# 000', text: 'Custom caption <a href="#"> click here </ a>'});

There are no comments for this post

Leave a comment

XHTML TAG PERMIT: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> INSERTION CODE:
 <pre></pre> // blocco generico <code></code> // blocco generico [cc_actionscript][/cc_actionscript] // Actionscript [cc_actionscript3][/cc_actionscript3] // Actionscript 3 [cc_css][/cc_css] // CSS Style Sheet [cc_html][/cc_html] // HTML [cc_js][/cc_js] // Javascript [cc_objc][/cc_objc] // Objective-C [cc_php][/cc_objc] // PHP [cc_sql][/cc_sql] // SQL 


Stop SOPA