Hola, quiero que el fondo de mi web que es una imagen cambie cada cierto tiempo, para ello tengo esta función:
Código:
<script language="JavaScript" type="text/javascript">
$( function(){
var bgImages = [ 'fondo3.png', 'fondo2.png', 'fondo.png' ];
var currImage = 'fondo.png';
setInterval( function(){
do{
var randImage = bgImages[Math.ceil(Math.random()*(bgImages.length-1))];
}while( randImage == currImage )
currImage = randImage;
$('#fondo').BgImageTransition( 'img/'+currImage );
}, 8000)
})
</script>
No se por que razón, pero solo varia entre dos de los fondos, hay uno de ellos que no aparece nunca, entonces mi idea era en vez de que sea random, recorrer el array y que comience con la primera, luego la segunda, después la tercera y vuelva a comenzar.
Como puedo hacerlo?? O que otra solución me recomiendan?? Muchas gracias