Cambiar imagen varias veces al pasar el ratón

codig0 · #1 (**permalink**) 03/09/2009, 04:17

Hola,

estoy buscando algún código que me permita cambiar de imagen cuando pases por encima de una... pero no me vale lo típico de onmouseover, onmouseout ni CSS con hover y tal... ya que lo que yo quiero es que cambie más de una vez, me explico, tengo 4 o 5 imágenes de un vídeo y yo quiero que salgan todas al pasar el ratón por encima, quizás lo hayáis visto en alguna web de vídeos, he buscado por google pero siempre sale lo típico de cambiar solo una vez de imagen con onmouseover etc... ¿alguna solución?

un saludo.

quimfv · #2 (**permalink**) 03/09/2009, 04:45

Una solucion, patatera pero muy sencilla, seria crear un GIF animado con las imagenes que quieres mostrar y luego usar cualquiera de los scripts que has encontrado asociados a onMouseOver/onMouseOut o css....

Quim

codig0 · #3 (**permalink**) 03/09/2009, 04:48

No eso no me vale, ademas que no cambiaría cuando pasase por encima.

quimfv · #4 (**permalink**) 03/09/2009, 05:33

Cambiaria mientras estuvieras encima...no? Necesitas un GIF para cada juego de images, claro... Mientras tengas el mause sobre la imagen mostrarà el GIF cuando salgas la imagen original...

La alternativa seria liarse con lo siguiente

Using setInterval and setTimeout
Crear una funcion que se lance onMouseMove y vaya mostrando las imagenes con un determinado intervalo... pero cuidado que cuando termine de mostrarlas igual ya tienes el mouse en otra imagen, y otra.... etc....

Quim

codig0 · #5 (**permalink**) 03/09/2009, 06:00

Ya se me ocurrió una forma, voy a probar si funciona... se trata de poner directamente las 3 etiquetas img y poner a la 2º y 3º display:none para ocultarlas... luego al pasar por encima de la 1º imagen utilizo js para ocultar la 1º y sacar la 2º y así sucesivamente.