Cambiar fondo

rapuig · #1 (**permalink**) 11/07/2011, 16:42

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

_cronos2 · #2 (**permalink**) 11/07/2011, 17:23

Usa algo como esto:

Código Javascript:

Ver originalArray.prototype.porOrden = function(){
 this.esNuevo = this.esNuevo == null;
 this.copia = this.esNuevo || !this.copia.length ? this.concat() : this.copia;
 return this.copia.shift(); 
};
var array = [1, 'abc', true, {}, []], i = 0;
 
while(i++ < 5){ console.log(array.porOrden()); }

Saludos (:
PD: Lo que sucede es que al usar Math.ceil, la única manera de que salga fondo3.png es que Math.random() devuelva 0, algo que es bastante improbable. Usa mejor Math.round.

rapuig · #3 (**permalink**) 12/07/2011, 18:32

Gracias por contestar!
La verdad es que no puedo.
Alguien mas tiene otra solución?

ceSharp · #4 (**permalink**) 13/07/2011, 04:15

hola rapuig,
en este sencillin ejemplo tienes una manera de usar un contador de cero a dos, luego vuelve a cero, y vuelta a empezar
-------------------------
<script type="text/javascript">
var contador = 0;
setInterval("muestra()",2000)
function muestra()
{document.getElementById('un_div').innerHTML=cuent a();}
function cuenta()
{if(contador==2)
{contador=0;return contador}
else
{contador +=1;return contador;}
}
</script>
<body>
<div id="un_div">0</div>
</body>
----------------------

saludos