Wenas!
Si también es de tu ayuda, acá te hice ésto:
<html>
<head>
<script language="javascript">
imagen1=new Image()
imagen1.src="imagen_izq.jpg"
imagen2=new Image()
imagen2.src="imagen_ctr.jpg"
imagen3=new Image()
imagen3.src="imagen_der.jpg"
imagen_abajo=new Image()
imagen_abajo.src="imagen_abajo.jpg"
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="100%" >
<tr>
<td width="33%">
<img src="imagen_izq.jpg" name="imagen1" onMouseover="document.images['imagen_abajo2'].src=imagen1.src" onMouseout="document.images['imagen_abajo2'].src=imagen_abajo.src"></td>
<td width="33%">
<img src="imagen_ctr.jpg" name="imagen2" onMouseover="document.images['imagen_abajo2'].src=imagen2.src" onMouseout="document.images['imagen_abajo2'].src=imagen_abajo.src"></td>
<td width="34%">
<img src="imagen_der.jpg" name="imagen3" onMouseover="document.images['imagen_abajo2'].src=imagen3.src" onMouseout="document.images['imagen_abajo2'].src=imagen_abajo.src"></td>
</tr>
<tr>
<td width="33%">
<p align="right">Ésta Cambiará -> </td>
<td width="33%"><img src="imagen_abajo.jpg" name="imagen_abajo2"></td>
<td width="34%"><- Ésta Cambiará</td>
</tr>
</table>
</body>
</html>
Espero que con eso te aclares. En caso contrario, postea acá tus dudas.
Saludos!