Réponse acceptée !
c'est plus clair ( enfin pour moi, je suis "un peu" lent à comprendre )
<HTML>
<HEAD>
<SCRIPT type="text/JavaScript">
function bouge(x,y)
{
hautimage +=y;
gaucheimage +=x;
document.getElementById("smile").style.top = hautimage+"px";
document.getElementById("smile").style.left = gaucheimage+"px";
window.status=hautimage+"/"+gaucheimage;
if ( !arret) setTimeout( function() { bouge(x,y); }, 200 );
}
</SCRIPT>
</HEAD>
<BODY scroll="no">
<SCRIPT type="text/JavaScript">
var arret=false;
var hautimage = 100;
var gaucheimage = 100;
</SCRIPT>
<IMG SRC="img/cs.jpg" ID=smile STYLE="position:absolute;top:100;left:100">
<div id="buttongauche" style="position:absolute; top:45%; left:0%;">
<img alt="gauche" width=25px height=25px src="gauche.gif" border="2"
onMouseover=" arret=false;
bouge(40,0);"
onmouseout="arret=true;">
</div>
<div id="buttondoite" style="position:absolute; top:45%; left:95%;">
<img alt="droite" width=25px height=25px src="gauche.gif" border="2" onMouseover="bouge(-40,0)">
</div>
<div id="buttonhaut" style="position:absolute; top:0%; left:50%;">
<img alt="haut" width=25px height=25px src="gauche.gif" border="2" onMouseover="bouge(0,40)">
</div>
<div id="buttonbas" style="position:absolute; top:90%; left:50%;">
<img alt="bas" width=25px height=25px src="gauche.gif" border="2" onMouseover="bouge(0,-40)">
</div>
</BODY>
</HTML>
modif pour les essais
ajout pour que çà fonctionne
onmouseout à mettre sur chaque bouton.
délai du setTimeout à déterminer
ce n'est qu'un exemple, on doit pouvoir
faire autrement.
testé uniquement avec IE.
Cordialement. Bul. ~ Site ~