défilement d'images

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:

---

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 :

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

J'imagine que la balise idTest est vide à l'origine, du coup, elle ne possède pas de firstChild (sauf si tu lui affectes du contenu via innerHTML ;)).
Essaye de mettre un simple espace dedans et ça devrait fonctionner

Code:

---

1 2 3 4

<!-- Remplace --> <div></div> <!-- par --> <div>&nbsp;</div>

---

Ah !! ca marche, merci bien.

Aurait tu une idée pour que mes images n'apparaissent pas de façon brutte mais défilent de droite à gauche par exemple ?

C'est possible ou il faut obligatoirement utiliser du flash ?

Bonjour,
as-tu regardé du coté des galeries jquery ? (on en trouve à la pelle sur le web)
Par exemple : CrossSlide, s3slider, Cycle Plugin, ...