Hola
Bueno, es bastante simple y por si aun necesitas el código, aquí te pongo una página completa de ejemplo, los nombres de las imágenes son ficticios, al igua lque sus tamaños, eso ya lo cambiarás tú.
Código:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<script type="text/javascript">
<!--
function desaparecer(x) {
if (x == 1) {
document.getElementById('imagen_1').style.display = 'none';
} else {
document.getElementById('imagen_1').style.display = 'block';
}
}
//-->
</script>
<title>Imágenes que desaparecen</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<p><img src="imagen_primera.gif" width="34" height="35" id="imagen_0" onmouseover="javascript:desaparecer(1)" onmouseout="javascript:desaparecer(0)" alt="" /></p>
<p><img src="imagen_segunda.gif" width="50" height="41" id="imagen_1" alt="" /></p>
</body>
</html>
Felicidad