-
dioparama
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>
-
Ce serait pas un getElementById qu'il faudait utiliser pour le chemin de la photo ???
-
oui j'ai essayé :
document.getElementById("photo").src=NomFichier + ".jpg"
mais ca marche pas
