Bonjour,

Mon problème me parait assez simple mais je cale.
J'ai un tableau dans lequel j'ai 14 photos miniatures.
Au passage de la souris sur une photo j'affiche la photo en grand format et lorsque la souris quitte la photo miniature, je cache la grande.
je voudrais arriver à n'avoir qu'une ligne correspondant au grand format de n'importe quelle photo miniature.

Merci de m'aider

le code js :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
function show(id){
	document.getElementById(id).style.display = "inline";
}
function hide(id){
	document.getElementById(id).style.display = "none";
}
mon code HTML
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
$nom = "";
?>
<table border="1">
	<tr>
		<td><img src="images/photos_anciennes/bailly_pm.jpg" alt="" <?php $nom='bailly_gm.jpg'; ?> style="cursor:pointer" onmouseover="javascript:show('1');" onmouseout="javascript:hide('1');"></td>
		<td><img src="images/photos_anciennes/la_gare_pm.jpg" alt="" <?php $nom='la_gare_gm.jpg'; ?> style="cursor:pointer" onmouseover="javascript:show('2');" onmouseout="javascript:hide('2');"></td>
		<td><img src="images/photos_anciennes/chateau_pm.jpg" alt="" style="cursor:pointer" onmouseover="javascript:show('3');" onmouseout="javascript:hide('3');"></td>
	</tr>
...
</table>
<!-- les photos en grand format -->
<div>
	<img src="images/photos_anciennes/<?php echo $nom; ?>" alt="" id="1" style="display:none">
	<img src="images/photos_anciennes/<?php echo $nom; ?>" alt="" id="2" style="display:none"">
	<img src="images/photos_anciennes/chateau_gm.jpg" alt="" id="3" style="display:none">
</div>