título jQuery Plugin pie de página: añadir títulos a las imágenes

jquery.footercaption.js es un plugin para jQuery que dinámicamente pueden añadir títulos a las imágenes y otros elementos de la página ( clic aquí para ver una demostración). , se presenti. jquery.footercaption.js dibuja el texto del título directamente de los atributos de title o alt , si los hubiere. Alternativamente, usted puede proporcionar un texto personal, junto con una serie de parámetros adicionales tales como:

1
2
3
4
5
6
7
* Opción @ Leyenda altura alto (por defecto 32px)
* @ Opción Leyenda de alfa alfa opacidad (por defecto 0,7)
* Opción @ bgcolor Leyenda color de fondo (por defecto # 000)
* @ Opción Leyenda de color color de la fuente (por defecto # fff)
* Opción @ Leyenda de la fuente font-family name (Verdana por defecto)
* Leyenda @ Opción fontSize tamaño de la fuente (10px por defecto)
* @ Opción Texto Texto personalizado. Si la configuración de alt y el título se ignoran (por defecto'')

Uso

1
2
3
4
"text/javascript" src = "http://www.google.com/jsapi" >< / script > < script de type = "text / javascript" src = "http://www.google.com/jsapi"> </ script de >
"text/javascript" > google.load("jquery", "1.3") < / script > < script de type = "text / javascript"> google.load ("jquery", "1.3") </ script de >
<- Carga la última versión de la leyenda de pie de página jQuery ->

Al término de esta página usted puede usar el nuevo método footerCaption() :

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

No hay comentarios para esta entrada

Deja un comentario

XHTML PERMISO TAG: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> código de inserción:
 <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