hola Drakerz,
te paso un ejemplo, a ver si lo puedes adaptar a tu web:
----------------------
<script type="text/javascript">
function mostrarImagen(obj,accion)
{
//accion = 1 --> mostrar imagen || accion = 0 --> quitar imagen
if(accion==1)
{
document.getElementById('td_div').innerHTML="retir a el ratón";
obj.style.backgroundImage = 'url(imgs/tu_imagen.gif)';
}
else
{
document.getElementById('td_div').innerHTML="acerc a el ratón";
obj.style.backgroundImage = '';
}
}
</script>
--------------------------
(html)
<body>
<div>
<table width="300px" border="1">
<tr height="200px">
<td onmouseover="mostrarImagen(this,1);" onmouseout="mostrarImagen(this,0)">
<div id="td_div">
acerca el ratón</div>
</td>
</tr>
</table>
</div>
</body>
-----------------------
si tus imagenes cuelgan directamente donde están tus páginas no haría falta poner Imgs/, sino directamente el nombre de tu imagen, y si cuelgan de otra carpeta, pues el nombre de dicha carpeta.
saludos.