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
:
Ver original<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:
Ver original<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!