Hola, vuelvo a molestar porque estoy buscando un efecto que cambie una imagen por otras en forma secuencial mientras el mouse este onmouseover.
Es decir, mientras el mouse esta sobre una imagen que esta vaya cambiando cada segundo por otras imagenes de una lista y que vuelva a comenzar tipo bucle, pero que se frene cuando se quita el mouse de la imagen.
Intenté con este codigo que funciona perfecto pero no logro que se frene el efecto cuando salgo de la imagen, lo sigue haciendo indefinidamente.
Código:
<script>
function cambiar()
{
var images = [
"002-1.jpg",
"003-1.jpg"
];
var counter = 0;
setInterval(function() {
$('#imagen').attr('src', images[counter]);
counter++;
if (counter == images.length) {
counter = 0;
}
}, 1000);
}
}
</script>
<img src="001-1.jpg" id="imagen" onmouseover="javascript:cambiar();">
Para complicarlo un poco estaria bueno que la lista de imagenes esté en la llamada a la función, porque la idea es que haya muchas imagenes que hagan ese efecto mientras el mouse este posicionado arriba.
Gracias por cualquier ayuda!
Slds.