Hola, todo bien?
Quiero que el fondo de mi web varia cada determinado tiempo, he buscado en google y me encontré con una función de jquery que lo hace pero de forma randomica y no se por que razón solo varia entre dos de las imágenes que le asigno.
Por si no queda claro a continuación pongo el código. Que otra solución me recomiendan?
HTML
Código:
<script type="text/javascript" language="javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.BgImageTransition.js"></script>
<script language="JavaScript" type="text/javascript">
$( function(){var bgImages = ['fondo.jpg','fondo4.jpg', 'fondo3.jpg'];
var currImage = 'fondo.jpg';
setInterval( function(){
do{
var randImage = bgImages[Math.ceil(Math.random()*(bgImages.length-1))];
}while( randImage == currImage )
currImage = randImage;
$('#fondo').BgImageTransition( 'img/'+currImage );
}, 8000)
})
</script>
CSS
Código:
#fondo{
height:470px;
width:887px;
background-image:url(img/fondo.jpg);
background-repeat:no-repeat;
}
Muchas gracias!