Boucler animation tant que souris au dessus Jquery

Bonjour,

Après de longue recherche sur le net je m'en remet à ce forum afin de trouver un peu d'aide.
Je cherche à faire scroller un ascenseur horizontal tant que ma souris est au dessus d'une div. J'arrive à effectuer le geste mais impossible de faire boucler l'animation tant que ma souris reste au dessus de la div.

Je met mon code :

$("#DIV").hover(function () {	
		$("#ASCENSEUR").animate({scrollLeft: '+=20'}, "medium").delay(1000);
}, function () {
                $("#ASCENSEUR").stop();
});

En vous remerciant par avance pour votre aide !

Bonjour,

Pour un cas similaire, j'avais utilisé la fonction setInterval(). J'ai un peu la flemme de regarder le code que j'avais fait, je te donne donc le site -http://vauclindecouverte.fr , c'est au niveau du poisson sur la gauche.
Et c'est géré au niveau du fichier js/script.js

Merci, je vais regarder ça

Je me permet un double post, avec ton aide j'arrive effectivement à faire scroller ma div mais impossible de l'arrêter ^^'

L'ascenseur s'arrête une fois arrivé au terme de son déplacement mais si je le remet au début, il reprend son déplacement de plus belle.

Voici mon code :

$("#DIV").bind("mouseover", function () {
	this.iid = setInterval(function() {
		$("#ASCENSEUR").scrollLeft($("#ASCENSEUR").scrollLeft() + 15);
	}, 25);
}).bind("mouseleave", function() {
	 this.iid && clearInterval(this.iid);
});

Merci encore d'avance pour votre aide.

Bonjour,

Le script ci-dessous fonctionne correctement chez moi.

			$(document).ready(function() {
				$("#bouton").bind("mouseover", function () {
					this.iid = setInterval(function() {
						$("#div").scrollTop($("#div").scrollTop() + 15);
					}, 25);
				}).bind("mouseleave", function() {
					this.iid && clearInterval(this.iid);
				});
			});