Cambiar la imagen del boton de un grupo de links

Alex Cruz · #1 (**permalink**) 24/12/2004, 02:34

Veran, cuando se pone un solo link con cambio de imagen en una pagina html, todo funciona muy bien, y el script trabaja bien.

Pero cuando pones un grupo de links con cambio de imagen en una pagina html, el script se traba, y deja de funcionar el cambio de imagen.

Prueben aislando un link con cambio de imagen, y van a ver que funciona perfectamente. Pero cuando pones todos los links con cambio de imagen, el script deja de funcionar, y la pregunta es porque???

<html>
<head>

<body bgcolor="black">

 
 
 
 
 
 
 
 
 

<center>
<a href="http://www.motorola.com/mx" target="_blank"
onMouseOver="document.the_image.src='http://www.tonamelt.com/Publicidad/playstation-go.GIF';"
onMouseOut="document.the_image.src='http://www.tonamelt.com/Publicidad/playstation.gif';">
<img src="http://www.tonamelt.com/Publicidad/playstation.gif" name="the_image" border="0">
</center>

 
 
 
 
 
 
 
 
 
 

<center>
<a href="http://www.motorola.com/mx" target="_blank"
onMouseOver="document.the_image.src='http://www.tonamelt.com/Publicidad/cineapolis-go.GIF';"
onMouseOut="document.the_image.src='http://www.tonamelt.com/Publicidad/cinepolis.gif';">
<img src="http://www.tonamelt.com/Publicidad/cinepolis.gif" name="the_image" border="0">
</center>

 
 
 
 
 
 
 
 
 
 

<center>
<a href="http://www.motorola.com/mx" target="_blank"
onMouseOver="document.the_image.src='http://www.tonamelt.com/Publicidad/aiwa-go.GIF';"
onMouseOut="document.the_image.src='http://www.tonamelt.com/Publicidad/aiwa.gif';">
<img src="http://www.tonamelt.com/Publicidad/aiwa.gif" name="the_image" border="0">
</center>

 
 
 
 
 
 
 
 
 
 

<center>
<a href="http://www.motorola.com/mx" target="_blank"
onMouseOver="document.the_image.src='http://www.tonamelt.com/Publicidad/motorola-go.GIF';"
onMouseOut="document.the_image.src='http://www.tonamelt.com/Publicidad/motorola.gif';">
<img src="http://www.tonamelt.com/Publicidad/motorola.gif" name="the_image" border="0">
</center>

 
 
 
 
 
 
 
 
 
 

<center>
<a href="http://www.motorola.com/mx" target="_blank"
onMouseOver="document.the_image.src='http://www.tonamelt.com/Publicidad/mixup-go.JPG';"
onMouseOut="document.the_image.src='http://www.tonamelt.com/Publicidad/mixup.JPG';">
<img src="http://www.tonamelt.com/Publicidad/mixup.JPG" name="the_image" border="0">
</center>

 
 
 
 
 
 
 
 
 
 

</body>
</html>

JavierB · #2 (**permalink**) 24/12/2004, 04:01

Hola Alex Cruz

Has puesto a todas las imágenes el mismo nombre. Prueba poniendo nombres distintos.

Saludos,

Alex Cruz · #3 (**permalink**) 24/12/2004, 17:48

Hola Javier, gracias por responder. Pero ya intente cambiar de nombre la imagen, incluso las numere para diferenciarlas, pero no jala el script.

Incluso cuando cambias el name="the_image", el script no funciona para una sola imagen del link. No entiendo porque solo funciona en el caso de un solo link con cambio de imagen???

<html>
<head>

<body bgcolor="black">

 
 
 
 
 
 
 
 
 

<center>
<a href="http://www.motorola.com/mx" target="_blank"
onMouseOver="document.the_image.src='http://www.tonamelt.com/Publicidad/playstation-go.GIF';"
onMouseOut="document.the_image.src='http://www.tonamelt.com/Publicidad/playstation.gif';">
<img src="http://www.tonamelt.com/Publicidad/playstation.gif" name="the_image1" border="0">
</center>

 
 
 
 
 
 
 
 
 
 

<center>
<a href="http://www.motorola.com/mx" target="_blank"
onMouseOver="document.the_image.src='http://www.tonamelt.com/Publicidad/cineapolis-go.GIF';"
onMouseOut="document.the_image.src='http://www.tonamelt.com/Publicidad/cinepolis.gif';">
<img src="http://www.tonamelt.com/Publicidad/cinepolis.gif" name="the_image2" border="0">
</center>

 
 
 
 
 
 
 
 
 
 

<center>
<a href="http://www.motorola.com/mx" target="_blank"
onMouseOver="document.the_image.src='http://www.tonamelt.com/Publicidad/aiwa-go.GIF';"
onMouseOut="document.the_image.src='http://www.tonamelt.com/Publicidad/aiwa.gif';">
<img src="http://www.tonamelt.com/Publicidad/aiwa.gif" name="the_image3" border="0">
</center>

 
 
 
 
 
 
 
 
 
 

<center>
<a href="http://www.motorola.com/mx" target="_blank"
onMouseOver="document.the_image.src='http://www.tonamelt.com/Publicidad/motorola-go.GIF';"
onMouseOut="document.the_image.src='http://www.tonamelt.com/Publicidad/motorola.gif';">
<img src="http://www.tonamelt.com/Publicidad/motorola.gif" name="the_image4" border="0">
</center>

 
 
 
 
 
 
 
 
 
 

<center>
<a href="http://www.motorola.com/mx" target="_blank"
onMouseOver="document.the_image.src='http://www.tonamelt.com/Publicidad/mixup-go.JPG';"
onMouseOut="document.the_image.src='http://www.tonamelt.com/Publicidad/mixup.JPG';">
<img src="http://www.tonamelt.com/Publicidad/mixup.JPG" name="the_image5" border="0">
</center>

 
 
 
 
 
 
 
 
 
 

</TABLE>
</body>
</html>

JavierB · #4 (**permalink**) 25/12/2004, 03:54

Hola de nuevo.

Has cambiado el nombre de la imágen name="the_image1" pero ahora tienes que cambiarlo también en los evento onmouseover y onmouseout

onMouseOver="document.the_image1.src='http://www.tonamelt.

Espero que te funcione. Saludos,

Alex Cruz · #5 (**permalink**) 27/12/2004, 22:31

Tienes toda la razon, el problema era numerar los eventos "onMouseOver" y "onMouseOut", o llamarlos de diferente forma. Thanks!!!

Ahi les dejo este util javascript para link de publicidad, por eso aportar scripts y compartir en el foro, saludos!!!

-------------------------

<html>
<head>

<body bgcolor="black">

 
 
 
 

<center>
<a href="http://www.playstation.com" target="_blank"
onMouseOver="document.the_image1.src='http://www.tonamelt.com/Publicidad/playstation-go.GIF';"
onMouseOut="document.the_image1.src='http://www.tonamelt.com/Publicidad/playstation.gif';">
<img src="http://www.tonamelt.com/Publicidad/playstation.gif" name="the_image1" border="0" hspace="4" vspace="4">
</center>

 
 
 
 

<center>
<a href="http://www.cinepolis.com.mx" target="_blank"
onMouseOver="document.the_image2.src='http://www.tonamelt.com/Publicidad/cineapolis-go.GIF';"
onMouseOut="document.the_image2.src='http://www.tonamelt.com/Publicidad/cinepolis.gif';">
<img src="http://www.tonamelt.com/Publicidad/cinepolis.gif" name="the_image2" border="0" hspace="4" vspace="4">
</center>

 
 
 
 

<center>
<a href="http://www.latin.aiwa.com/mx/" target="_blank"
onMouseOver="document.the_image3.src='http://www.tonamelt.com/Publicidad/aiwa-go.GIF';"
onMouseOut="document.the_image3.src='http://www.tonamelt.com/Publicidad/aiwa.gif';">
<img src="http://www.tonamelt.com/Publicidad/aiwa.gif" name="the_image3" border="0" hspace="4" vspace="4">
</center>

 
 
 
 

<center>
<a href="http://www.motorola.com/mx" target="_blank"
onMouseOver="document.the_image4.src='http://www.tonamelt.com/Publicidad/motorola-go.GIF';"
onMouseOut="document.the_image4.src='http://www.tonamelt.com/Publicidad/motorola.gif';">
<img src="http://www.tonamelt.com/Publicidad/motorola.gif" name="the_image4" border="0" hspace="4" vspace="4">
</center>

 
 
 
 

<center>
<a href="http://www.mixup.com.mx/mixup/" target="_blank"
onMouseOver="document.the_image5.src='http://www.tonamelt.com/Publicidad/mixup-go.GIF';"
onMouseOut="document.the_image5.src='http://www.tonamelt.com/Publicidad/mixup.JPG';">
<img src="http://www.tonamelt.com/Publicidad/mixup.JPG" name="the_image5" border="0" hspace="4" vspace="4">
</center>

 
 
 
 

</body>
</html>