Javascript : exemples avec le code source

E - Manipulation des images

Changement d'une image au survol de cette image

Passer la souris sur l'une des cases dissuous :

Code html

<html>
<head>
<script language="javascript">
function changeimage(url,objet) {
objet.src=url;
}
</script>
</head>
<body>
<div style="text-align:center">Passer la souris sur l'une des cases ci-dessous :</div>
<table width="300" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#000000">
<tr>
<td>
<img src="blanc.jpg" id="img1" name="img1" onMouseOver="changeimage('rouge.jpg',this)" onMouseOut="changeimage('blanc.jpg',this)">
</td>
<td>
<img src="blanc.jpg" id="img2" name="img2" onMouseOver="changeimage('bleu.jpg',this)" onMouseOut="changeimage('blanc.jpg',this)">
</td>
<td>
<img src="blanc.jpg" id="img3" name="img3" onMouseOver="changeimage('rouge.jpg',this)" onMouseOut="changeimage('blanc.jpg',this)">
</td>
</tr>
</table>
</body>
</html>
Validé XHTML 1.1    Validé CSS