Cambiar imágenes al pasar cursor por encima

[skoop]

Buenas.

No se muy bien que nombre tiene este efecto, por lo que no se exactamente como buscar info sobre ello.

Estoy desarrollando un ecommerce y donde muestro el catálogo de productos cada uno con su imagen, necesito que al pasar con el ratón por encima de la imagen, ésta vaya cambiando en un intervalo de varios segundos entre varias. Es decir, me situo encima de una imagen, y si mantengo el cursor encima al cabo de unos segundos me la sustituya por otra y si sigo con el cursor encima, me la vuelva a cambiar por la siguiente de una lista hasta volver a la primera de nuevo.

A ver si podeis echarme una mano, gracias de antemano.

[fcoredo]

Los eventos que se disparan al entrar y salir de la imagen, son:

OnMouseOver y OnMouseOut

Básicamente tienes que tener una función que mediante un timer, se llame a si misma continuamente. En cada ejecución cambia una imagen.

La primera llamada, la haces en OnMouseOver.

Luego necesitas otra funcion que detenga el timer, esta se debe ejecutar en OnMouseOut

Saludos.

[seoista]

¿Te vale esto?:

<img src="imagen1.gif" onmouseover="this.src='imagen2.gif'" onmouseout="this.src='imagen1.gif'" alt="" title="" />

Saludos

PD: Por cierto, bienvenido a Foros del Web.

[skoop]

Pues por ahora lo dejaré de ese modo, con una sola imagen y sin scripts. Gracias a los dos.

Aun así he encontrado esto: http://scripterlative.com/test/multiswap.htm para poner varias imagenes con intervalos de tiempo, pero me da algun problema al pulsar el "Back" en el navegador, puesto auqnue el puntero esta en otro lado, el foco sigue sobre la imagen y se cambia sola hasta que le vuelvo a pasar el puntero por encima.