Buena noche.
Tengo un Javascript que hace que cada cierto tiempo, y aleatoriamente, la imagen de background se cambie por otra de entre 6 posibles imágenes.
Código Javascript
:
Ver originalsetInterval( function()
{
var numColorAleatorio = Math.floor( Math.random()*6 );
document.getElementById("body").style.backgroundImage = 'url(fondo_0' + numColorAleatorio + '.jpg)';
}, 5000);
En el HTML sólo se pone ID al body:
Quisiera que al realizarse el cambio de fondo, éste fuera suave, recurriendo a las transiciones
CSS.
He probado con esto:
Yo esperaría que este CSS hiciera que el cambio de
background fuera suave, pero hace extraños desagradables.
PD. Encontré un Javascript que hace lo que necesito:
http://www.disegnocentell.com.ar/notas2.php?id=203 Pero quisiera saber si se puede hacer con CSS.
Saludos, cordiales. 