En primer lugar, se que es el club Delphi y no se si es bueno poner esta duda aquí, pero como aquí hay grandes programadores, se que si alguien tiene un momentillo me solucionara esta duda facilmente. De todos modos, si hay algun moderador, que me diga si esta bien ponerlo aquí. El caso es que tengo una página en javascript y quiero usar el típico efecto de las imágenes que cambian, con una imagen me sale, pero si tengo varias, todas que sean la misma imagen, me cambia la primera que puse, no las otras. Este es mi código por si sirve de algo:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Cambio dinámico de imágenes</title>
<script language="Javascript">
<!--
// Precarga de imágenes
if (document.images) {
var botonazul_off = new Image();
botonazul_off.src = "imagenes/botazul1.gif";
var botonazul_on = new Image();
botonazul_on.src = "imagenes/botazul2.gif";
}
// Carga de imagen cuando el ratón pasa por encima
function entra(boton) {
if (document.images) {
if (boton == 'botonazul') {
document.images[boton].src = botonazul_on.src;
}
}
}
// Carga de imagen cuando el ratón abandona el área de la imagen
function sale(boton) {
if (document.images) {
if (boton == 'botonazul') {
document.images[boton].src = botonazul_off.src;
}
}
}
//--> </script>
</head>
<body>
<p><a href = "suscripcion.html" onMouseOver = "entra('botonazul');" onMouseOut = "sale('botonazul');"><img src="imagenes/botazul1.gif" alt="Presentación" border="0" name="botonazul">Final</a> </p>
<p><a href = "suscripcion.html" onMouseOver = "entra('botonazul');" onMouseOut = "sale('botonazul');"><img src="imagenes/botazul1.gif" alt="Presentación" border="0" name="boton1">Inicio</a> </p>
</body>
</html>
Gracias.