jquery.footercaption.js est un plugin pour jQuery qui peut dynamiquement ajouter des légendes aux images et autres éléments sur la page ( cliquez ici pour une démonstration). , se presenti. jquery.footercaption.js dessine le texte des légendes directement à partir des attributs title ou alt , le cas échéant. Alternativement vous pouvez fournir un texte personnel avec un certain nombre de paramètres supplémentaires tels que:
1 2 3 4 5 6 7 | * Option @ Légende hauteur hauteur (par défaut 32px) * @ Option Légende Alpha Alpha Opacité (par défaut 0.7) * Couleur de fond bgcolor @ Option Légende (par défaut # 000) * @ Option de couleur de couleur de la police Légende (par défaut # fff) * Option @ Légende police famille de police Nom (Verdana par défaut) * @ Size Option fontSize police Légende (10px par défaut) * @ Option Texte Texte personnalisé. Si le paramètre alt et title sont ignorées (par défaut'') |
Utilisez
1 2 3 4 | "text/javascript" src = "http://www.google.com/jsapi" >< / script > < script de type = "text / javascript" src = "http://www.google.com/jsapi"> </ scripts > "text/javascript" > google.load("jquery", "1.3") < / script > < script de type = "text / javascript"> google.load ("jquery", "1.3") </ scripts > <! - Charge la dernière version de jQuery légende footer -> |
A l'issue de cette page, vous pouvez utiliser la nouvelle méthode footerCaption() :
1 2 | ) . footerCaption ( { bgcolor : '#f90' , color : '#222' } ) ; FooterCaption $ ('div # provadiv') ({bgcolor: '# f90 ", couleur:' # 222 '});. ) . footerCaption ( { bgcolor : '#eee' , color : '#000' , text : 'Custom caption <a href="#">click here</a>' } ) ; FooterCaption $ ('# myid Img ") ({bgcolor:.' # Eee ', couleur:,' # 000 'texte:' Custom <a href="#"> légende cliquez ici </ a >'}); |
Il n'y a aucun commentaire pour cet article
Laisser un commentaire