11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour, je suis un peu embêté, j'ai un slideshow et j'aimerai qu'au survol de la souris, les images défilent en continue tant que l'on ne retire pas la souris du bouton.
Hors là ça ne le fait qu'une fois =/

c'est du Jquery, voici mon code :


// Actions de navigation
		// Initialisation du compteur
		Cpt = 0;
		// Passage sur le bouton "Suivant"
		$(".carrousel-next").mouseover(function() {
			// Si le compteur est inférieur au nombre de diaposives moins le nombre de diapositives visibles
			if(Cpt < (NbElement-10)) {
				// Ajout +1 au compteur (nous allons sur la diapositive suivante)
				Cpt++;
                                // Mouvement du carrousel en arrière-plan
					$(".carrousel").animate({
						marginLeft : - ((Reference.width()+6) * Cpt)
					});
			}
            // fin du if
		});


si vous avez une idée vous me rendriez un bon service car je cherche depuis longtemps mais même avec setInterval je n'y arrive pas...
Modifié par gorn (06 Sep 2011 - 16:16)
Utilises setTimeout pour lancer un compte à rebours, clearTimeout pour supprimer le compte à rebours, ainsi que mousenter / mouseleave pour respectivement déclencher l'une ou l'autre des actions.