Image aléatoire se charge automatiquement

Bonjour à tous et à toutes, voilà j 'ai un petit probleme sur une page.
Je suis debutant en programmation javascript et je pense qu'il ne sera as difficile pour vous de deceller la faille.
Je dois donc creer une page sur laquelle une image différente se charge toute les x secondes.

Voilà ce que j'ai réalisé :

<HTML>
<HEAD>
<TITLE>Titre de la page</TITLE>

<SCRIPT language="JavaScript">

function diapoauto(){
if(i<imgdiapo.length){
document.images[nomimg].src=imgdiapo[i];
setTimeout("diapoauto()",timing);
i++;
if(i==imgdiapo.length){
i=0;
}
}
}
</SCRIPT>

</HEAD>
<BODY>
Contenu de la page

<br>

<SCRIPT language="JavaScript">

imgdiapo=new Array("img/modo01.jpg", "img/modo02.jpg", "img/modo03.jpg", "img/modo04.jpg", "img/modo05.jpg", "img/modo06.jpg", "img/modo07.jpg", "img/modo08.jpg");
timing=1000;
nomimg="diapo";
i=0;

diapoauto();
</SCRIPT>

</BODY>
</HTML>

Je n'ai pas de message d'erreur mais je ne vois aucune image? Sauriez vous m'indiquer pourquoi?

Je vous remercie d'avance.

Citation:

Envoyé par hools

Bonjour à tous et à toutes, voilà j 'ai un petit probleme sur une page.
Je suis debutant en programmation javascript et je pense qu'il ne sera as difficile pour vous de deceller la faille.
Je dois donc creer une page sur laquelle une image différente se charge toute les x secondes.

Voilà ce que j'ai réalisé :

<HTML>
<HEAD>
<TITLE>Titre de la page</TITLE>

<SCRIPT language="JavaScript">

function diapoauto(){
if(i<imgdiapo.length){
document.images[nomimg].src=imgdiapo[i];
setTimeout("diapoauto()",timing);
i++;
if(i==imgdiapo.length){
i=0;
}
}
}
</SCRIPT>

</HEAD>
<BODY>
Contenu de la page

<br>

<SCRIPT language="JavaScript">

imgdiapo=new Array("img/modo01.jpg", "img/modo02.jpg", "img/modo03.jpg", "img/modo04.jpg", "img/modo05.jpg", "img/modo06.jpg", "img/modo07.jpg", "img/modo08.jpg");
timing=1000;
nomimg="diapo";
i=0;

diapoauto();
</SCRIPT>

</BODY>
</HTML>

Je n'ai pas de message d'erreur mais je ne vois aucune image? Sauriez vous m'indiquer pourquoi?

Je vous remercie d'avance.

salut

tu n'as rien affiché dans ta page web, aucune image n'existe !
il faut que dans le corps de ta page tu mettes un objet image.
<img name="img1" id= "img1" src="image.jpg"> par exemple

ensuite tu modifies la fonction javascript diapoautoen remplacant "nomimg" par le nom de ton objet image ;) (img1 dans l'exemple que j'ai mis)

la fonction diapoauto, si tu regardes bien, vient modifier l'attribut "src" de ton image "img1"...

Pour l'instant la fonction diapoauto cherche a modifier la source d'un objet appelé "nomimg", hors tu n'as mis aucune image qui s'appelle "nomig" dans ta page...

j'espere avoir été clair

bon courage ;)

ok ok c'est vrai j ai pas fais attention voilà donc :

<HTML>
<HEAD>
<TITLE>Titre de la page</TITLE>

<SCRIPT language="JavaScript">

function diapoauto(){
if(i<imgdiapo.length){
document.images[img1].src=imgdiapo[i];
setTimeout("diapoauto()",timing);
i++;
if(i==imgdiapo.length){
i=0;
}
}
}

</SCRIPT>

</HEAD>
<BODY>
Contenu de la page

<br>

<SCRIPT language="JavaScript">

imgdiapo=new Array("modo01.jpg", "modo02.jpg", "modo03.jpg", "modo04.jpg", "modo05.jpg", "modo06.jpg", "modo07.jpg", "modo08.jpg");
timing=100;
nomimg="diapo";
i=0;

diapoauto();
</SCRIPT>

<br>
<img name="img1" id= "img1" src="image.jpg">
<br>
Hello

</BODY>
</HTML>

Néanmoins aucune image ne s'affiche. src="image.jpg" ne me fais afficher aucune image.
Quelle est la solution pour remedier à celà ?