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 :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
|
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 :
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
Partager