Bonjour,
je suis en train d'écrire mon tout premier Javasctipt qui a pour but d'afficher des images dans une page et de les modifier toutes les 1 secondes.
Voici mon code :
Code :
- var x = setInterval("changerImage()", 1000);
- function changerImage() {
- if (this.i > 3) {
- this.i = 1;
- }
- document.getElementById('idTest').innerHTML+="<b>"+ this.i +"</b><br>";
- //Ciblage du paragraphe
- var e = document.getElementById("idTest" );
- //Création de l'image
- var img = document.createElement("img" );
- //Source de l'image
- img.src = "imgJS/" + this.i + ".jpg";
- //Modifiaction du texte (noeud #text)
- e.firstChild.nodeValue ="1";
- //Ajout de l'image avant le texte
- e.replaceChild(img, e.firstChild);
- this.i++;
- }
|
Le problème c'est que ce script ne fonctionne que si je laisse la ligne
Code :
- document.getElementById('idTest').innerHTML+="<b>"+ this.i +"</b><br>";
|
Elle affiche le numéro de l'image quand celle-ci est affiché. Si je l'enlève, rien ne se passe...
Auriez-vous une idée d'où cela peut venir ?
Je vous en remercie déjà 
Léo
Message édité par leo62 le 29-07-2011 à 14:25:59
