Images et javascript

**rodgeur62** · 27/05/2008, 20h54

Bonjour,

je souhaite faire en javascript une page où des images apparaissent toutes les secondes et dont le titre de la page est celui de l'image affichée actuellement.

En m'aidant de ce que j'ai trouvé sur le net, mon code marche, mais je ne comprends pas pourquoi...

Voici le code :

<html>
<title>Test</title>

<script language="javascript">
var pic = new Array("sonic1.jpg","sonic2.jpg","sonic3.jpg","sonic4.jpg","sonic5.jpg","sonic6.jpg","sonic7.jpg","sonic8.jpg");
var i = 0;

function affiche()
{document.pic.src=pic[i];
if(i>7){i=0;}
document.title = pic[i];
i ++;
setTimeout("affiche()", 2000);
}
</script>

<body onLoad="affiche()">
<script>
document.write("<img name='pic'>");
</script>
</body>
</html>

Notamment je ne comprends pas les deux lignes :

document.pic.src=pic[i];
document.write("<img name='pic'>");

Je ne vois pas ce que fait la première,
et concernant la deuxième, je vois ce qu'elle fait, mais je ne comprends pas pourquoi elle n'a pas besoin de la source de l'image pour fonctionner...

Merci d'avance pour votre aide.

**nabab** · 28/05/2008, 13h16

pic est 2 élément a la fois:
- la variable pic est un tableau composé des noms de images
- document.pic désigne ta balise image

Donc
document.pic.src=pic[i];
signifie que la source de ta balise image est désormais l'élément du tableau pic numero i (en fait i-1 car le premier index est 0)

Et

<script>
document.write("<img name='pic'>");
</script>
est une autre maniere (stupide) d'ecrire
<img name='pic'>
dans ton HTML

**rodgeur62** · 28/05/2008, 17h13

Ok je vois.

Merci bien

Images et javascript

JavaScript

Discussions similaires

Partager

Partager