Hola 
JavierB y 
caricatos 
Perdonad que os moleste, pero..., yo lo he puesto así:
Código:
 <html>
<head>
<script type="text/javascript">
function mostrar(esto) {
document.getElementById(esto).style.visibility = "visible";
}
function ocultar(esto) {
document.getElementById(esto).style.visibility = "hidden";
}
</script>
</head>
<body>
<img src="avion1.jpg" onmouseover="mostrar('avion')" onmouseout="ocultar('avion')" /><br />
<span id="avion" style="display:hidden"> AVIONES </span>
</body>
</html>
  y nada más abrir la página 
sigue abriendo con la palabra AVIONES, no sale la imagen sola, pero cuando paso el ratón por la imagen si empieza a funcionar el bien el efecto. 
¿Que está mal? 
Gracias a ambos 
Saludos