1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37
| <html>
<head>
<script>
offset=23;
function changeImg(path,legend,statusImg)
{
//document.images[2+offset].src=path
longueurCible = document.getElementById("textP").firstChild.length;
document.getElementById("textP").firstChild.replaceData(0, longueurCible, legend);
window.status=statusImg
}
</script>
</head>
<body>
<table width="573" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="390" height="375" align="center" valign="middle"><img src="../images/1.jpg" alt="" border="0" /></td>
<td width="169" bgcolor="#E8D9BC" height="375" align="left" valign="middle">
<table border="0" cellspacing="0" cellpadding="5">
<tr>
<td> <p id="textP">Déplacez la souris sur les photos
pour les afficher avec leur légende correspondante.</p></td>
</tr>
</table></td>
</tr>
<tr>
<td width="570" colspan="3">
<a href="#" onMouseOver="changeImg('../images/1.jpg','legend1','');return true"><img src="../images/pt_img1.jpg" alt="" width="100" height="75" border="0"></a>
<a href="#" onMouseOver="changeImg('../images/2.jpg','legend2','');return true"><img src="../images/pt_img2.jpg" alt="" width="100" height="75" border="0"></a>
<a href="#" onMouseOver="changeImg('../images/3.jpg','legend3','');return true"><img src="../images/pt_img3.jpg" alt="" width="100" height="75" border="0"></a>
<a href="#" onMouseOver="changeImg('../images/4.jpg','legend4','');return true"><img src="../images/pt_img4.jpg" alt="" width="100" height="75" border="0"></a>
<a href="#" onMouseOver="changeImg('../images/5.jpg','legend5','');return true"><img src="../images/pt_img5.jpg" alt="" width="100" height="75" border="0"></a>
</td>
</tr>
</table>
</body>
</html> |
Partager