Tengo un menu con varios enlaces, cada enlace tiene una imagen a su lado, lo que busco es al pasar el puntero sobre el enlace cambie la imagen respectiva.
Buscando encontré algo más o menos como para el caso, luego de unas modificaciones lo pude hacer andar pero solo para un enlace, imagino que lo correcto para que me funcione en todo el menu y no tener que repetir varias veces cada sentencia seria correr un bucle for, bueno esto fué lo que intenté hacer pero ni cerca de conseguirlo, yo de javascript nada de nada, si alguien es tan amable de darme una mano como para ajustar el codigo a mis necesidades le agradesco desde ya.
Un saludo
Código HTML:
<html>
<head>
<title>Cambio dinámico de imágenes</title>
<script language="Javascript">
<!--
// Precarga de imágenes
if (document.images) {
var boton1_off = new Image();
boton1_off.src = "images/nav.png";
var boton1_on = new Image();
boton1_on.src = "images/nav2.png";
}
// Carga de imagen cuando el ratón pasa por encima
function entra(boton) {
if (document.images) {
if (boton == 'boton1') {
document.images[boton].src = boton1_on.src;
}
}
}
// Carga de imagen cuando el ratón abandona el área de la imagen
function sale(boton) {
if (document.images) {
if (boton == 'boton1') {
document.images[boton].src = boton1_off.src;
}
}
}
//--> </script>
</head>
<body>
<p>
<img name="boton1" src="images/nav.png">
<p>
<a href ="aaa" onMouseOver = "entra('boton1');" onMouseOut = "sale('boton1');">link</a>
</body>
</html>