rotar imagenes al posar mouse sobre imagen (efecto vista previa de pelicula)

[pablobuitres]

Hola amigos nuevamente por aca, por que no logro una solucion al siguiente problema, quiero que al posar, el mouse sobre una miniatura esta cambie a otra imagen y luego a otra, sin que sea forzado, me refiero sin tener que hacer un clic, o retirar el mouse de la imagen.
Y que al sacer el mouse de esa posición se detenga la rotación. quiero lograr un efecto de vista previa por decirlo de alguna manera para videos.

como siempre espero de sus respuestas y desde ya muchas gracias!!!

[javiDP]

Seguro que hay algun script que haga eso, pero te pongo un ejemplo de como podrias hacerlo tambien con un sencillo timeout recursivo:

En cada <img> o sitio donde tengas cada imagen, podrias agregar un onmouseover que disparase una funcion como esta, que recorriese un array de imagenes donde estuviese las urls de las imagenes de la transicion, y cuando se quitara el mouse, otra para parar la transicion.

Ejemplo:

Código Javascript:

<script type="text/javascript">
//VARIABLES GLOBLALES
var continua=false;
var cont=0;
//ms de timeout
var time=5000;
var arrayImagenes = {'/imagen2.jpg', '/imagen3.jpg'};
 
//FUNCION para MouseOver
function transicion(){
  continua=true;
  if(continua && contador<arrayImagenes.length){
    document.getElementById('imagen').src=arrayImagenes[0];
    contador+=1;
    setTimeout(function() { transicion(); }, time);
  }
}
 
//FUNCION para MouseOut
function pararTransicion(){
  continua=false;
  cont=0;
}
</script>
 

Código HTML:

<img src="/imagen.jpg" border="0" id="imagen" onmouseover="function(){transicion();} onmouseout="function(){pararTransicion();}"></img>
 

Con algo tan simple como eso consigues ese efecto.

Un saludo!

[pablobuitres]

MUchas gracias por tu aporte pero no me sale, sinceramente no entiendo te agradeceria me explicaras un poquito mas muchas gracias!