Bonjour à tous
je suis entrain de realiser un slider, à partir des bout de codes que j'ai trouvé par ci par là
sur le web.(lol je maitrise mieux le PHP mais suis debutant en js=>jquery).
pour l'instant mon slider fonctionne plutot bien mais je souhaite effectuer qque changements au niveau du caption.
le code html du slider est le suivant:
1 2 3 4 5 6 7 8
| <div id="slider">
<div>
<img scr="image1.jpg" title="mon caption 1"/>
</div>
<div>
<img scr="image2.jpg" title="mon caption 2"/>
</div>
</div> |
la function qui permet de recuperer le caption est la suivante:
1 2 3 4 5 6 7 8 9 10 11 12 13 14
| /**
* Appends image captions to the DOM
*/
var appendCaptions = function () {
// cycle through each child
slider.children.each(function (index) {
// get the image title attribute
var title = $(this).find('img:first').attr('title');
// append the caption
if (title != undefined && ('' + title).length) {
$(this).append('<div class="ircaption"><span>' + title + '</span></div>');
}
});
} |
je souhaiterai modifier le code html pour qu'il se presente comme suit:
1 2 3 4 5 6 7 8 9 10 11 12
| <div id="slider">
<div>
<img scr="image1.jpg"/>
<h1>le titre de mon caption 1</h1>
<p> mon petit commentaire 1</p>
</div>
<div>
<img scr="image2.jpg"/>
<h1>le titre de mon caption 2</h1>
<p> mon petit commentaire 2</p>
</div>
</div> |
mais pour cela il faut que la fonction ci dessus au lieu de recuperer l'attribut "title" de la balise "img"
recupere plutot le contenus de la balise div courante sauf la balise "img".
donc voici la ligne à modifier:
var title = $(this).find('img:first').attr('title');
merci de m'aider à faire cette modification car je ne vois pas comment m'y pendre.
Partager