[javascript, DHTML] bouger une image lentemen

blbg Messages postés 302 Date d'inscription   Statut Membre Dernière intervention   -  
blbg Messages postés 302 Date d'inscription   Statut Membre Dernière intervention   -
bonsoir,

je voudrait faire un petit truc, ...
faire descendre une image mais tout lentement,
mais j'arrive pas, à chaque fois, c'est trés vite ... dc comment faire ??

voilà mon code :
<html>
<head>

<script language="JavaScript"> 
<!--

var haut=0;
document.write('<IMG SRC="img/ombre.gif" ID="ombre" STYLE="position:absolute;top:'+haut+';left:0">');

function a(){
	if(document.getElementById) {
		haut+=1;
		window.document.getElementById("ombre").style.top =haut;
	}
}

function b(){
	for(i=0;i<100;i+=1){
		setTimeout("a()",2000);
	}
}


//-->
</script>
</head>
<body OnLoad="b();">

</body>
</html>


j'ai tester plusieur truc, (c'est pour ça que là c'est pas trés propre, j'ai laisser le dernier truc, ... )

mais là, la premiére tempo, elle marche (au début mon image est bien dans le coin haut gauche)
mais aprés 2s elle va directement, à 100pixel du haut, ...

dc je ne comprend pas, ...
si vous voyez où est l'erreur, ...

où si vous avez un moyen simple de faire une vraie tempo,
(car ça serait plus simple de faire ça dans une seule boucle, tempo, &juste aprés modif des coordonnées)

merci d'avance ...
++blbg
A voir également:

1 réponse

blbg Messages postés 302 Date d'inscription   Statut Membre Dernière intervention   10
 
bon , apparement, j'ai trouver,

il faut utiliser le DHTML et setinterval au lieu de settimeout

<html>
<head>

<script language="JavaScript"> 
<!--

var haut=0;
document.write('<IMG SRC="img/ombre.gif" ID="ombre" STYLE="position:absolute;top:'+haut+';left:0">');


function a(){
	if(document.getElementById) {
		haut+=1;
		window.document.getElementById("ombre").style.top =haut;
		if(haut>500) { clearInterval(cmpt); }
	}
}

//-->
</script>
</head>
<body OnLoad="cmpt=setInterval('a()',50);">

</body>
</html>


par contre, vous ne savez pas comment obtenir la hauteur utile presise de la fenêtre ??
(car j'avais trouver un moyen qui décompter la barre de menu, ... )
mais qui ne prener pas en compte si on redimensionner la fenetre
dc ça mais tout mon plan en l'air ... :o(

dc vous ne savez pas quelles variable je peu utiliser ??
merci d'avance !!

++blbg
________________________________________
même si pour moi, ce n'était pas de la vrai pub...
j'ai enlevé l'url de mon super site :o)) => j' <3 CCM
0