tengo 3 fotos, las cuales al pasar por encima dejan ver una imagen diferente que hace de menu mas abajo de ellas (usa esa imagen como mapa)
quiero que al cargar la pagina me aparecezca una por defecto, y al pasar por cada una de las 3 imagenes me muestre su imagen de menu propia.
He probado con este codigo, el cual me lo hace bien, pero lo que pasa es que al cargar la pagina al principio se ven todas las imagenes que hacen de menu, aunque luego desaparecen pasados unos instantes, como puedo solucionarlo?
hay alguna otra forma mejor de hacer este tipo de menus?
Código HTML:
<script language="JavaScript">
function submenu(capa){
document.getElementById("submenu_vacio").style.display="none";
document.getElementById("submenu_1").style.display="none";
document.getElementById("submenu_2").style.display="none";
document.getElementById("submenu_3").style.display="none";
document.getElementById(capa).style.display="block";
}
</script>
<body onLoad="submenu('submenu_vacio')">
<a href="#" onMouseOver="submenu('submenu_1')"><img src="images.jpg" ></a>
<a href="#" onMouseOver="submenu('submenu_2')"><img src="images.jpg" ></a>
<a href="#" onMouseOver="submenu('submenu_3')"><img src="images.jpg" ></a>
.......... y abajo las imagenes que hace de menus