Discussion :

[Leo62]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Bovino]

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<!-- Remplace -->
<div></div>
<!-- par -->
<div>&nbsp;</div>

[Leo62]

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 ?

[Invité]

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