Bonjour
je voudrais integrer une boucle à mon code pour qu'il fasse deplacer l'image a tous les differents points indiqué dans mon tableau (chev1)
mais je crois que je n'utilise pas la bonne methode car je voudrais qu'il ne se deplace à la meme vitesse pour aller par exemple de 3 à 500 que pour aller de 500 à 100
en faite, je voudrais qu'il mette 10 sec pour faire chacun des deux trajets à terme un cheval qui devra aller de 3 à 500 ira visuellement plus vite que celui qui devra aller de 500 à 100
je sais pas si je suis clair
voici le code
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>
<body>
<div style="position:absolute; left: 0px; top: 10%;" id="b1"><img src="image/cheval1.gif" width="38" height="33"/></div>
<SCRIPT language="javascript">
//variables//
var cheval1 = document.getElementById("b1");///id du calque
//tableau des points à atteindre//
var chev1 = new Array(3,500,100,800,200)
function deplacep1()
{
if (chev1[1]>chev1[0])//si la position de l'image est inferieur à la cible //
{
cheval.style.left=chev1[0]+"px";//deplace l'image vers gauche//
chev1[0]=chev1[0]+1;
}
else
{
cheval1.style.left=chev1[0]+"px";//deplace l'image vers droite//
chev1[0]=chev1[0]-1;
}
}
//appele de la fonction//
setInterval("deplacep1()",4);
</SCRIPT>
</body>
</html>