Cambiar imagen al pasar raton sobre otra imagen(no la que va a cambiar)

[juanlu_garci]

Hola, sigo este foro desde hace tiempo, y hasta ahora no habia tenido que postear nada porque todo estaba ya posteado, pero hoy ha llegado el dia de postear.

El caso es que quiero hacer que cuando el raton pase sobre una imagen cambie otra imagen, todos los codigos que he encontrado era para que cuando pasaras el raton por encima de una imagen esa misma imagen cambiara por otra. Pero yo lo que quiero es que cuando pase el raton sobre una imagen cambie otra que no esta en el mismo lugar.

¿Se podria hacer esto con algun script?
Salu2

[JavierB]

Hola juanlu_garci. Bienvenido al foro.

Prueba este ejemplo:

Código Javascript:

<img src="imagen1.jpg" onmouseover="document.getElementById('im').src='imagenx.jpg'" />
<img src="imagen2.jpg" id="im" />
 

Saludos,

[juanlu_garci]

Muchisisisisimas gracias !! era justo lo que queria!! pero ahora tengo otra dudilla haber si esto se puede o creeis que va a ser peor.

Como las imagenes a las que cambia son de alta resolución pues tarda un poco cuando pones el raton encima de la imagen para que cambie.

Se podria hacer que en cuanto abras la pagina te cargue directamente todas las imagenes, incluso las que estan "ocultas" ??

Salu2 y gracias

[ceSharp]

hola juanlu,

puedes cargar todas con la propiedad style="display:none" y desde javascript usar style.display='inline' para mostrar la que quieras en el momento adecuado.

salu2