Buenas, quiero hacer una serie de botones de dos imágenes, pasando de una a otra al pasar el ratón encima. En internet he encontrado un código que me funciona bien. El problema viene cuando quiero poner por ejemplo el mismo botón dos o más veces,que sólo funciona uno de ellos.
También quería saber cómo puedo hacer, a partir de este código o si acaso uno nuevo, para poner el código para las imágenes de botones distintos.Aquí está puesto el boton1 con las imágenes button65 y button67, pero cómo puedo añadir un boton2 con imágenes x e y?
Aquí está el código para un solo botón. Si añado la última línea para un segundo botón idéntico sólo funciona uno.Y si me podéis ayudar para saber qué debería hacer para la posibilidad de dos o más tipos de botones.
Gracias por la ayuda!
<script language="Javascript">
<!--
// Precarga de imágenes
if (document.images) {
var boton1_off = new Image();
boton1_off.src = "button67.jpg";
var boton1_on = new Image();
boton1_on.src = "button65.jpg";
}
// 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>
<a href = "dirección web" onMouseOver = "entra('boton1');" onMouseOut = "sale('boton1');"><img src="button67.jpg" alt="Presentación" border="0" name="boton1"></a>