Rechercher : dans
Par :

[javascript, DHTML] bouger une image lentemen

Dernière réponse le 29 avr 2004 à 00:15:07 blbg, le 28 avr 2004 à 20:46:04 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « [javascript, DHTML] bouger une image lentemen » dans :
Javascript - Librairies d'effets pour vos images VoirAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...
Une popup d'information au survol sans Javascript ni CSS VoirParfois, il peut être utile d'afficher des informations supplémentaire au survol du curseur sur une zone de l'écran, par exemple "Cliquez pour agrandir" sur une image, un descriptif sur une abbréviation ou des détails sur un lien. On trouve...
Popup en CSS, sans Javascript VoirVoici comment réaliser une popup d'information en pure CSS, sans Javascript. L'astuce est d'utiliser :hover de manière à utiliser des CSS différents au passage du curseur. Parmis les attributs CSS modifiés, on utilise display:none afin de...

1

 blbg, le 29 avr 2004 à 00:15:07

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

Répondre à blbg