Défilement d'image dynamique Javascript Fermé

Question

Bonjour, Je cherche actuellement a créer un défilement dynamique d'image au survol de la souris sur une zone. Mon problème vient du SetTimeout qui ne semble pas fonctionner. Au survol de la souris, le décalage se fait une seule fois, alors qu'il devrait tourner en boucle tant que la souris survole la zone. //Fichier JS timerID = null; function ScrollHorizontal(obj,speed) { if(obj.offsetLeft<=0 && obj.offsetLeft+speed <=0) { obj.style.left = obj.offsetLeft+speed+"px"; } timerID = setTimeout("ScrollHorizontal("+obj+","+speed+")",30); } function ScrollStop() { clearTimeout(timerID); } //Fichier PHP

// toutes mes images ici

Merci d'avance pour vos réponses

Garth · Answer

Bonsoir,
 ce n'est pas dynamique mais interactif. Du contenu dynamique est en rapport avec une base de données et sera modifié sans avoir à modifié le site.

Pour le problème de setTimeout renseignez vous sur la fonction setInterval.

Sombresonge · Answer

Bonsoir,

Le problème de SetInterval, c'est qu'il n'est pas compatible avec tous les navigateurs. SetTimeout devrais fonctionner (d'ailleurs il fonctionne sur d'autres fonctions similaires).

Sombresonge · Answer

Personne n'aurait une idée sur le pourquoi du dysfonctionnement de SetTimeout ?

Sombresonge · Answer

J'ai enfin trouvé la solution au problème, il s'agit simplement du paramètre 'obj' qui n'est plus valable au deuxième passage de la fonction (obj étant un DOMelement). J'ai remplacé ce paramètre par un simple ID, ca fonctionne


function ScrollHorizontal(obj_id,speed) { 
	var obj = document.getElementById(obj_id);
	if(obj.offsetLeft<=0 && obj.offsetLeft+speed <=0) {
		obj.style.left = obj.offsetLeft+speed+"px";
	}
	timerID = setTimeout("ScrollHorizontal('"+obj_id+"',"+speed+")",30);
}



<img src="images/btn_after.gif" onmouseover="ScrollHorizontal('bloctomove',-8);" onmouseout="ScrollStop();" />

Défilement d'image dynamique Javascript

4 réponses

Discussions similaires