efecto galeria imagenes onmouseover

[danneg]

Todo es sencillo con jquery

Código Javascript:

var cambiar = function(images){
    var counter = 0;
    setTimeout(function() {
        $('#imagen').attr('src', images[counter]);
        counter++;
        if (counter == images.length) {
         counter = 0;
        }
    }, 1000);
};
 
$('#imagen').hover(
    function(){ // Mouse en imagen
    var images = [
     "002-1.jpg",
     "003-1.jpg"
     ];
         cambiar(images);
    },
    function(){ // Mouse fuera de imagen
        clearTimeout(); // Cancela el setTimeout
    }
);
 

Hay mejores maneras de hacer lo que haces, pero bueno, al cliente lo que pida