Skineriano!
Las respuestas que te han puesto son muy válidas, pero te pongo esta otra para ver si te aclaras un poco más!
Donde debes poner el nombre de las imagenes es en donde está en rojo.
Código:
<html>
<head>
<script>
nuevaImagen=new Array;
nuevaImagen[0]=new Image;
nuevaImagen[1]=new Image;
nuevaImagen[2]=new Image;
nuevaImagen[3]=new Image;
nuevaImagen[0].src="imagenprimera.jpg"; //Esta es la imagen que aparece antes de pasar por encima de las opciones
nuevaImagen[1].src="opcion1.jpg"; //La imagen que aparece al pasar por encima de la primera opción
nuevaImagen[2].src="opcion2.jpg";"; //La imagen que aparece al pasar por encima de la segunda opción
nuevaImagen[3].src="opcion3.jpg"; //La imagen que aparece al pasar por encima de la tercera opción
function cambio(x){
document.getElementById("imagenCambiante").src=nuevaImagen[x].src;
}
</script>
</head>
<body>
<table>
<tr>
<td>
<img src="enlace1.jpg" onmouseover="cambio(1);" onmouseout="cambio(0)";>
</td>
<td>
<img src="enlace2.jpg" onmouseover="cambio(2);" onmouseout="cambio(0)";>
</td>
<td>
<img src="enlace3.jpg" onmouseover="cambio(3);" onmouseout="cambio(0)";>
</td>
</tr>
<tr>
<td colspan="3"><img id="imagenCambiante" src="imagenprimera.jpg">
</td>
</tr>
</table>
</body>
</html>
Espero que te sirva!!