Galerie jQuery, lecture automatique

Bonjour,

J'aimerais ajouté une fonction de lecture automatique à la galerie jQuery de Benjamin De Cock, pour en faire une sorte de diaporama. Dans le processus, le clic sur une vignette interrompt la lecture auto.

Pour la lecture auto, j'ai envisagé ce code :

	
        var modeAutoPlay=1; // Étape 1 ( comportement par défaut )
	
// Etape 2 : Si une vignette a été cliquée => variable autoplay devient fausse
	thumbLinks.click(function(e){
		modeAutoPlay=0;
                ...
	});	
	
	if(modeAutoPlay==1) { // Etape 3 : Si  la variable autoplay vaut 1 
	   function Diaporama() {
		 // Toutes les 4 secondes   avec setTimeout(4000); ?
		 // On change l'attribut src de l'image principale avec getelementbyid("#viewer img").attr("src",target) ?
	  }

Quelqu'un aurait-il des pistes pour m'aider ? sachant que mon niveau en javascript est assez faible mais que ma motivation est assez grande.
Modifié par JeanLoup (21 Sep 2011 - 21:05)

Bon voilà la solution que j'ai trouvé ...
J'aimerais bien faire un fondu pour le changement d'images.

// Si le mode de lecture auto matique est toujours actif
if(modeAutoPlay ==1) {
  var intId = setInterval(imgChange,3000); // On définit l'intervalle de temps entre 2 photos
function imgChange(){
    $("li a.active").removeClass('active').parent().next('li').children('a').attr('class','active');
    var imgSuiv = $("li a.active").attr("href");
    $("#viewer img").attr('src',imgSuiv);
  }
}

Modifié par JeanLoup (07 Sep 2011 - 16:42)