Encontré un código que hace un random de imágenes en JavaScript a determinados segundos, todo está muy bien.. Sólo que ¿se podría poner algún efecto entre imágenes? intento que no se haga el cambio tan brusco y seco
Aquí el código:
var imagenes=new Array(
'http://lorempixel.com/500/200/cats',
'http://lorempixel.com/500/200/people',
'http://lorempixel.com/500/200/nature'
);
/**
* Funcion para cambiar la imagen
*/
function rotarImagenes()
{
// obtenemos un numero aleatorio entre 0 y la cantidad de imagenes que hay
var index=Math.floor((Math.random()*imagenes.length));
// cambiamos la imagen
document.getElementById("imagen").src=imagenes[index];
}
/**
* Función que se ejecuta una vez cargada la página
*/
onload=function()
{
// Cargamos una imagen aleatoria
rotarImagenes();
// Indicamos que cada 5 segundos cambie la imagen
setInterval(rotarImagenes,5000);
}
<img id="imagen" />