jQuery Plugin footer Bildunterschrift: Bildunterschriften hinzufügen, um Bilder

jquery.footercaption.js ist ein Plugin für jQuery , die dynamisch hinzugefügt werden können Beschriftungen, Bilder und andere Elemente auf der Seite ( hier klicken für eine Demo). , se presenti. jquery.footercaption.js zieht die Beschriftung Text direkt aus dem Attribute title oder alt , wenn überhaupt. Alternativ können Sie auch einen persönlichen Text zusammen mit einer Reihe von zusätzlichen Parametern wie zum Beispiel:

1
2
3
4
5
6
7
* @ Option Bildunterschrift height (default 32px)
* @ Option Bildunterschrift alpha alpha Opacity (Standard 0,7)
* @ Option bgcolor Bildunterschrift Hintergrundfarbe (default # 000)
* @ Option farbigen Bildunterschrift Schriftfarbe (default # fff)
* @ Option Bildunterschrift Schriftfamilien Namen (default Verdana)
* @ Option fontSize Bildunterschrift Schriftgröße (10px Standard)
* @ Text Custom Text-Option. Wenn Einstellung alt und Titel werden ignoriert (default'')

Verwendung

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 >
<-! Lädt die neueste Version von jQuery footer caption ->

Nach der Fertigstellung dieser Seite können Sie die neue Methode 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 ", Farbe:' # 000 ', text:' Custom caption <a href="#"> hier </ a Klicken Sie >'});

Es gibt keine Kommentare für diesen Beitrag

Hinterlasse einen Kommentar

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