Page 1 sur 1

timing rotation image

Posté : 08 juil. 2007, 13:32
par Invité
Bonjour à tous,
je voudrais créer un script pour faire tourner des images dans une page web.
Comment contrôler en javascript la durée d'affichage d'une image?

Posté : 08 juil. 2007, 15:24
par Sékiltoyai
Utilises la fonction setTimeout() pour exécuter ta fonction toutes les x secondes.

Posté : 09 juil. 2007, 09:44
par Invité
certains sujets sur le site parelent de setInterval().
comment choisir?

Posté : 09 juil. 2007, 10:18
par Invité
Voici une tentative en javascript sans ajax.
Je me suis inspiré du tuto se trouvant ici:
http://fr.selfhtml.org/javascript/objet ... t_interval

Mon script pour changer une image tous les 1000 millièmes de seconde, soit 1 seconde:
//Code dans l'entete de page
<script type="text/javascript">

var actif = window.setInterval("getImg()",1000);
var encours = 1;
function getImg() 
{
     var newImg = "banniere/" + encours + ".jpg";
     document.getElementById('ban1').src = newImg;
     encours++;
     window.clearInterval(actif);
}

</script>

//et dans ma page
<img src="banniere/1.jpg" width="140" height="76" name="ban1"> 
Dans mon dossier banniere, j'ai une dizaine d'images nommées 1.jpg, 2.jpg,....10.jpg
Pas d'erreur, mais mes images ne tournent pas selon la périodicité définie.

Voyez vous ce qui ne va pas?

Posté : 09 juil. 2007, 18:00
par Sékiltoyai
Ca marche aussi avec cette fonction là, mais si tu essayais de comprendre ton code, tu te rendrais compte que tu supprimes l'intervalle dans la fonction getImg(), qui est l'objet de l'intervalle, ce qui est complètement inutile, et même contreproductif.