Si quelqu'un?

THQ Nombre de messages : 61 Localisation : ici Date d'inscription : 04/02/2007

voici le script de "l'image rebondissante"
Alex, si tu veux apporter des commentaires à ce script ... bienvenue !

<HTML>
<HEAD>
<TITLE>image rebondissante</TITLE>
<style>
img{
position:absolute;
}
</style>
<script>
l=screen.width;
i=0;
droite=true;
function bouger(){
if(i<(l-200) && droite){
i+=5;
}
else{
droite=false;
}
if(i>0 && droite==false){
i-=5;
}
else{
droite=true;
}
document.getElementById("ici").style.left=i;
//rappeler la fonction tous les 1 millième de seconde
setTimeout("bouger()",1);
}
</script>
</HEAD>
<BODY topmargin="50" leftmargin="50" scroll="no" onload="bouger()">
<img src="images 2/2 pers sur fd bleu.jpg" id="ici">

</BODY>
</HTML>

Citation :: <HTML>
<HEAD>
<TITLE>image rebondissante</TITLE>
<style>
img{
position:absolute;
}
</style>
<script>
// On initialise l qui est la valeur de la taille de l'écran
// on initialise i à 0, i va être appliqué plus bas avec : document.getElementById("ici").style.left=i donc on fera bouger l'image en incrementant i
// On initialise droite comme étant true ( voir plus bas )

l=screen.width;
i=0;
droite=true;
// Si i est inférieur à la taille de l'écran est que droite est true on incrémente i de 5
function bouger(){
if(i<l && droite==true){
i+=5;
// On s'apercoit ci dessous que si l'on ne précise pas droite=false la fonction s'executera car On dit : Si i est plus grand que 0 on décremente i de 5
// Or i est plus grand que 0!!!!! puisque on vient de l'incrementer de 5!!!!!!! la fonction va donc bloquer à ce stade si l'on ne met pas droite=false
// droite étant déclaré comme "false" la partie de la fonction ci dessous ne pourra s'executer car i est plus grand que 0 mais droite égale false!!!!!!
// On revient ci dessus où i est incrementé tant que i ne vaut pas l et que droite est true donc Il faudra attendre que i arrive à la valeur de l'écran pour que la fonction ci dessous s'execute
// Lorsque i arrive à la valeur de l (cad la taille de l'écran ) droite devient false.
// Donc comme droite est false la partie ci dessus ne s'executera plus! et on décrementera i jusqu'à 0 avec la partie ci dessous!
// Dés que i arrive à 0 droite devient true et donc la partie cidessus s'execute à nouveau mais celle ci dessous se bloque jusqu'a ce que i arrive à l et ainsi de suite!!!
}
else{
droite=false;
}
if(i>0 && droite==false){
i-=5;
}
else{
droite=true;
}
document.getElementById("ici").style.left=i;
// On rappele la fonction tous les 1 millième de seconde
setTimeout("bouger()",1);
}
</script>
</HEAD>
<BODY topmargin="50" leftmargin="50" scroll="no" onload="bouger()">
<img src="images 2/2 pers sur fd bleu.jpg" id="ici">

</BODY>
</HTML>