jQuery Plugin rodapé legenda: adicionar legendas às imagens

jquery.footercaption.js é um plugin para jQuery que pode dinamicamente adicionar legendas às imagens e outros elementos na página ( clique aqui para uma demo). , se presenti. jquery.footercaption.js desenha o texto da legenda diretamente os atributos title ou alt , se houver. Alternativamente, você pode fornecer um texto pessoal, juntamente com uma série de parâmetros adicionais, tais como:

1
2
3
4
5
6
7
* @ Opção height Caption (default 32px)
* @ Opção Caption alpha alpha opacidade (padrão 0,7)
* @ Opção bgcolor cor de fundo Caption (default # 000)
* @ Opção cor da fonte cor Caption (default # fff)
* @ Opção Caption font nome da família da fonte (Verdana padrão)
* @ Opção fontSize tamanho da fonte Caption (10px por padrão)
* @ Texto opção Texto personalizado. Se a configuração alt e title são ignoradas (default'')

Uso

1
2
3
4
"text/javascript" src = "http://www.google.com/jsapi" >< / script > < roteiro type = "text / javascript" src = "http://www.google.com/jsapi"> </ roteiro >
"text/javascript" > google.load("jquery", "1.3") < / script > < roteiro type = "text / javascript"> google.load ("jquery", "1.3") </ script de >
<! - Carrega a versão mais recente do rodapé jquery legenda ->

Após a conclusão desta página você pode usar o novo 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>' } ) ; Text '# 000',:: FooterCaption $ ('# Img myid') ({bgcolor:. '# Eee', color 'href="#"> <a personalizado legenda clique aqui </ a >'});

Não há comentários para este post

Deixe um comentário

XHTML PERMIT TAG: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> CÓDIGO DE INSERÇÃO:
 <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