Cosa c'é di sbagliato in questo codice? Vorrei ricreare un effetto rollover su un quadrato come fatto qui:
http://www.mrwebmaster.it/javascript...dhtml_664.html

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>
<script type="text/javascript">
function RollMapOn(i)
{
var IMG = document.getElementById("immagine");
IMG.src = "mappa_"+i+".gif";
}
function RollMapOff()
{
var IMG = document.getElementById("immagine");
IMG.src = "mappa.gif";
}
</script>
<body>
[img]mappa.gif[/img]
<map name="mappa">
<area shape="rect" coords="1, 2, 52, 48" href="http://www.google.it"
onmouseover="RollMapOn(1)" onmouseout="RollMapOff()">
<area shape="rect" coords="53, 2, 100, 49" href="http://www.html.it"
onmouseover="RollMapOn(2)" onmouseout="RollMapOff()">
<area shape="rect" coords="1, 50, 52, 96" href="http://forum.punto-web.net/"
onmouseover="RollMapOn(3)" onmouseout="RollMapOff()">
<area shape="rect" coords="54, 49, 100, 96" href="http://www.google.it"
onmouseover="RollMapOn(4)" onmouseout="RollMapOff()">
</map>
</body>
</html>
Ho provato a smanettare un poco ma non riesco proprio... Non voglio usare altri sistemi ma usare questo schema e questi tag (area, map, onmouseover, onmouseout).

Se siete in grado grazie mille!