dioparama

**nickg** · 18/05/2006, 23h08

bonjour
j'ai un diaporama tout simple.
Dans une page, j'ai un tableau dans une iframe dans laquelle s'affiche des vignettes dans la cellule de droite. Et lorsque je clic sur une vignette, une image plus grange s'affiche dans la cellule de gauche.
Ca fonctionne sous IE mais pas sous firefox 1.5 .Les liens des vignettes ne fonctionnent pas. J'ai bon à cliquer sur l'une des vignettes, c'est toujours la même qui apparait.
Qui peut me dépanner.

...Merci

Page principale :
--------------------------
<html>
<head>
<style type="text/css">
iframe {
margin: 5px 0px 0px 0px;
height: 210px;
width: 300px;
}
</style>
</head>
<body>
<p>Cliquez sur une vignette.</p>
<table width="616" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<iframe src="bandeausup.htm" marginheight="0" marginwidth="0" frameborder="0" scrolling="auto" width="263" height="200" ></iframe>
<img src="photo1.jpg" width="288" height="191" id="photo"></td>
</tr>
</table>
</body>
</html>
-----------------------
page des vignettes :
<html>
<head>
<script>
function afficher(NomFichier) {
parent.photo.src=NomFichier + ".jpg";
}
</script>
<style type="text/css">
div {
width: 1100px;
}
</style>
</head>
<body>
<div style="width: 268px; height: 132px">
<a href="#">
<img src="photo1.jpg" width="61" height="99" border="0" onClick="afficher('photo1')"></a>
<a href="#">
<img src="photo2.jpg" width="60" height="100" border="0" onClick="afficher('photo2')"></a>
<a href="#">
<img src="photo3.jpg" width="60" height="100" border="0" onClick="afficher('photo3')"></a>
</div>
</body>
</html>