Sustituir dos imagenes diferentes.

karlsol
18 de Agosto del 2003
Por favor podrían indicarme si es posible, al hacer "mouse_over" sobre una imagen "x", que
a la vez que se vea su imagen de sustitución "y"; también sustituya otra imagen "Z" diferente y apartada de ésta.



Gracias por adelantado.

Karl

arturion
18 de Agosto del 2003
supongamos que a los dibujos les pusiste:

<img src="original_1.gif" name="dibujo_1" onMouseOver="document.dibujo_1.src='sustituto_1.gif';document.dibujo_2.src='sustituto_2.gif';">
<img src="original_2.gif" name="dibujo_2">

con esto, tienes dos dibujos, y al pasar el mouse sobre el primero, se cambian los dos.

Juan
18 de Agosto del 2003
La respuesta de Arturion es correcta, pero deberías
añadir una precarga de imágenes. Esto se hace
poniendo un código como este en el head:

<script language="javascript">
var imgPre1 = new Image();
imgPre1.src = "sustituto_1.gif";
var imgPre2 = new Image();
imgPre2.src = "sustituto_2.gif";
// Prolonga la secuencia con todas las imágenes que necesites
</script>

Si no haces esto, la primera vez que pases el ratón
por encima, el cambio tardará pues la imagen se
tendrá que descargar desde el servidor en ese
momento.