[Résolu] Pb avec jCarouselLite

Bonjour,

J'utilise jCarouselLite pour réaliser un diaporama de photos.


Je souhaite qu'à chaque changement de miniatures, l'image centrale change.
J'ai pensé à utiliser la fonction afterEnd pour récuperer, après chaque clic sur les boutons de défilement, l'attribut src de la balise img de la miniature centrale pour afficher l'image en taille réelle dans

a écrit :
le div portfolio

   <div id='portfolio' class='mid' >
    <img src='IMG_0011_A2_G.jpg'  height='400px' width='600px' id='IMG_G'/>
  </div>
   <div class="anyClass">
      <ul>
        <li ><img src="IMG_0007A_G.jpg"      alt="1"  width="100px" height="67px" ></li>
        <li ><img src="IMG_0145_A2_G.JPG"    alt="3"  width="100px" height="67px" ></li>
        <li ><img src="IMG_0011_A2_G.jpg"    alt="2"  width="100px" height="67px" ></li>
        <li ><img src="IMG_0615_A2_G.jpg"    alt="4"  width="100px" height="67px" ></li>
        <li ><img src='Photo 265light_G.jpg' alt="5"  width='100px' height='67px' ></li>
        <li ><img src='IMG_0005B_G.jpg'      alt="6"  width='100px' height='67px' ></li>
      </ul>
    </div> 

    $(".widget .anyClass").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
	visible: 5,
	afterEnd: function(a) {
		alert("After:"+a);
	}
    });

J'ai donc mis en place ce petit exemple de afterEnd pour un test et le résultat de alert est

a écrit :
"After:[object Object]"

Quelqu'un a-t-il un début d'idée ?

merci d'avance pour vos réponses.
Modifié par domdom (08 Sep 2010 - 13:38)

Pour celui que cela intéresse voila la fonction afterEnd

	afterEnd: function(a) {
		var nb_el      = a.length;			// nombre elements visibles
		var el_central = Math.floor(nb_el / 2);

		document.images.IMG_G.src = a[el_central].firstChild.src;
	}