Affichage de photos

Version imprimable

Affichage de photos

Bonjour,

Je veux afficher une photo en grand format quand clique sur un petit format.
Le code ci-dessous génère une erreur mais je ne vois pas où est le problème.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<SCRIPT LANGUAGE="JavaScript"> 
function affichImage(idImage) {
conteneur=document.getElementById('conteneurImg');
myArray= conteneur.getElementByTagName('img');
for (i=0;i<myArray.length;i++) {
    myArray[i].style.display="none";
}
document.getElementById(idImage).style.display="block";
}
</SCRIPT>
 
<img src="i_albums/album_2005/images2005/petites/1.jpg" onclick="affichImage('grandeImage1')" ></a>
<img src="i_albums/album_2005/images2005/petites/2.jpg" onclick="affichImage('grandeImage2')"></a>
 
<div id="conteneurImg">
<img src="i_albums/album_2005/images2005/grandes/1.jpg" alt="" id="grandeImage1" style="display:none;" />
<img src="i_albums/album_2005/images2005/grandes/2.jpg" alt="" id="grandeImage2" style="display:none;" />
</div>

Merci de me dire où est mon erreur.

10/10/2010, 17h03
sebhm

getElementsByTagName

conseil : utiliser Firebug qui dit tout de suite où est l'erreur
10/10/2010, 18h03
philippef

Merci pour getElementsByTagName

Cela ne change rien la photo en grand ne s'affiche pas.
J'ai regardé pour Firebug mais je suis sur windows 7 et je ne vois pas de version compatible.
10/10/2010, 18h31
hotline

Bonjour,

En corrigeant getElementsByTagName, ton script fonctionne chez moi (firefox et IE7).
Mais sous IE j'ai un message de sécurité concernant les scripts et les activeX... N'aurais-tu pas désactivé ça dans tes options ?
10/10/2010, 19h32
philippef

Effectivement ça marche sous firefox mais pas sous ie.
Où sont les options de blocage à vérifier?

merci
10/10/2010, 19h36
Bovino

C'est un message normal qui apparait lorsque l'on teste en local. Le message disparait lorsqu'on teste en ligne.

Et pour info, un script ne peut pas modifier les options d'Internet Explorer (encore heureux...)

Enfin

Citation:

J'ai regardé pour Firebug mais je suis sur windows 7 et je ne vois pas de version compatible.

Rien à voir avec la version de Windows mais avec le navigateur. Firebug est une extension de Firefox !
10/10/2010, 20h20
philippef

Citation:

Envoyé par Bovino

C'est un message normal qui apparait lorsque l'on teste en local. Le message disparait lorsqu'on teste en ligne.

Et pour info, un script ne peut pas modifier les options d'Internet Explorer (encore heureux...)

Enfin

Rien à voir avec la version de Windows mais avec le navigateur. Firebug est une extension de Firefox !

C'est quand même un peu bizare que cela fonctionne sous FireFox et pas sous IE
10/10/2010, 20h43
Bovino
Citation:

Envoyé par philippef

C'est quand même un peu bizare que cela fonctionne sous FireFox et pas sous IE

Il faudrait peut-être expliquer ce qui ne fonctionne pas...
Quelques détails :

Code:

<SCRIPT LANGUAGE="JavaScript">

:nono:
language est deprecated depuis le HTML4, en revanche, type est required :

Code:

<script type="text/javascript"></script>
Code:

1 2 myArray= conteneur.getElementByTagName('img'); for (i=0;i<myArray.length;i++)
IE n'aime pas les variables non déclarées : Pourquoi faut-il toujours déclarer ses variables ?

Code:

document.getElementById(idImage).style.display="block";

Les balises img sont de type inline ;)
10/10/2010, 20h54
philippef

Bon je crois que marche sous FireFox et IE.
Je vais confirmer et mettre la balise résolu si ok

Merci pour tout