Bonjour à tous, j'ai suivi le tutoriel galerie-images-simple-jquery.html, je voulais ajouter a cette galerie une description de chaque image.
J'ai un problème avec mon affichage de description qui ne s'affiche correctement qu'une seule fois !!?, je voudrais bien un coup de main et comprendre mon erreur:
J'ai ajouté un span qui contient ma description :
dans le script j'ai ajouté une fonction qui affiche ma premiere description dans un div id="description"
cela fonctionne et affiche correctement dans un div ma description
Ensuite j'ai ajouté un appel a ma fonction myDesc pour mettre à jour le contenu lors du clic mais cela n'a pas l'air suffisant
Merci !
Modifié par gnoseo (09 Mar 2011 - 14:33)
J'ai un problème avec mon affichage de description qui ne s'affiche correctement qu'une seule fois !!?, je voudrais bien un coup de main et comprendre mon erreur:
J'ai ajouté un span qui contient ma description :
<li>
<a href="images/big/bernache.jpg" >
<img alt="Photo grand format d'une famille de Bernaches du Canada"
src="images/small/bernache.png" /> <span>Mon texte de description 01</span>
</a>
</li>
dans le script j'ai ajouté une fonction qui affiche ma premiere description dans un div id="description"
/**************/
myDesc = function(d){
$("#"+settings.imgViewerId).after(
$(document.createElement("div"))
.attr("id","description")
.append(d)
)
}
// creation d'un tableau de tous les span
var thumbDescTab = $("#thumbs").find("span");
// recuperation de la description du premier element du tableau thumbDescTab
firstThumbDesc = thumbDescTab.eq(0);
// appel de la fonction creation du div avec contenu de la description de la premiere vignette
myDesc(firstThumbDesc);
/**************/
cela fonctionne et affiche correctement dans un div ma description
Ensuite j'ai ajouté un appel a ma fonction myDesc pour mettre à jour le contenu lors du clic mais cela n'a pas l'air suffisant
thumbLinks
.click(function(e){
// actions a déclancher
// annuler lien par defaut
e.preventDefault();
var $this = $(this),
target = $this.attr("href");
if (bigPic.attr("src") == target) return;
highlight($this);
//--------------ajout--------------
var newDesc = $this.children("span");
$("#description").remove();
myDesc(newDesc);
//----------------------------
imgViewer.html(loader);
bigPic
.load(function(){
imgViewer.html($(this).fadeIn(250));
})
.attr("src",target);
});
Merci !
Modifié par gnoseo (09 Mar 2011 - 14:33)