11548 sujets

JavaScript, DOM et API Web HTML5

bonjour,

j'ai un souci avec du code qui ne fonctionne pas sous IE mais qui fontionne sous Mozilla, Firefox...

j'ai un tableau d'imagettes et une zone prévue pour que lorsqu'on clique dessus, une grande image s'affiche...
le pb c'est que sous IE (6) la zone existe car lorsque je "bleuis" la page je la vois, mais elle ne laisse pas apparaître l'image grand format...

le meixu est que vous voyiez l'exemple à la page http://lezartistes.org/htm/sommaire_test.htm

les fonctions utilisées sont:
création d'un tableau + mise en variable de chacun des items ligne par ligne
function AddImage(nom, largPhoto, hautPhoto, largVign, hautVign, legende, pays, lieu, qui, date, photographe){
<!-- variable titre chemin photos à modifier-->
	var Img=new Object();
	Img.nom=nom;
	Img.legende=legende;
	Img.pays=pays;
	Img.lieu=lieu;
	Img.qui=qui;
	Img.date=date;
	Img.photographe=photographe;
	Img.photo='<img src="../images/photos/rodellar/'+Img.nom+'.jpg" border="0" width="'+largPhoto+'" ';
	Img.photo+='height="'+hautPhoto+'" alt="'+Img.legende+'"  title="'+Img.legende+'">';
	Img.vignette='<a href="javascript:void(0)" [b]onclick="affiche('+this.nb+')">';[/b]
	Img.vignette+='<img src="../images/photos/rodellar/'+Img.nom+'-m.jpg" border="0" width="'+largVign+'" ';
	Img.vignette+='height="'+hautVign+'" hspace="10" alt="'+Img.legende+'" title="'+Img.legende+'" align="middle"></a>';
	this[this.nb]=Img;
	this.nb++;
}


fonction d'affichage de cette image après clic sur miniature:
function affiche(picture) // pour afficher les images du grenier
{
var img = gallerie[picture]; 
window.document.images['photo'].src ="../images/photos/rodellar/"+img.nom+".jpg"; 
}


et la zone d'affichage dans ma balise body est sous la forme:
<td width="400" height="400" align="center" valign="middle"><img src="../images/photos/rodellar/16.jpg" alt="Photo" name="photo" id="photo"> </td>

est ce que vous voyez un moyen pour contourner mon pb? une erreur de syntaxe quelque part?

merci à tous

sincèrement