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 :


<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 Smiley decu


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 ! Smiley cligne
Modifié par gnoseo (09 Mar 2011 - 14:33)