[SOLUCIONADO] Cambiar de fondo cada cierto tiempo.

[seoista]

Tengo el siguiente

Código Javascript:

<script type="text/javascript">
var fondos = ['imagen1.jpg','imagen2.jpg','imagen3.jpg'];
var fondo_actual = 0;
var CambiarFondo = function(){
if (fondo_actual == fondos.length) {
fondo_actual = 0;
}
var precargar =fondo_actual++;
var precargar2 = precargar+2;
document.body.style.backgroundImage = 'url('+ fondos[precargar]+ ')';
document.getElementById('precarga').style.backgroundImage =  'url('+fondos[precargar2]+ ')';
}
window.setInterval(CambiarFondo, 20000); 
</script>
 

En Firefox hace bien los cambios, pero no en Internet Explorer.

¿Qué tengo que añadir, quitar o cambiar para que funcione en I.E., si es que se puede?

Muchas gracias.

Saludos.

[caricatos]

Hola Alberto:

No sé si has copiado tu código o si lo retocaste, pero me pareció ver un par de cosas incorrectas.

no sé si tenga que ser +1 el valor de precargar2...

Para que no se vaya fuera del rango del array podrías terminar con % fondos.length...

Yo haría:

Código:

function CambiarFondo() {
precargar = fondo_actual++ % fondos.length;
precargar2 = precargar + 2 % fondos.length;

// el resto tal como lo tienes...
}

La asignación de los fondos parece estra bien.

Saludos

[emprear]

La script según veo es una que te indiqué hace algún tiempo @seoista, y si funciona en IE (9 y 8/7 utilizando herramientas de desarrollo de IE9),
Demo:
http://foros.emprear.com/javascript/...orotarbg2.html
En realidad hace dos cosas, cambia el fondo y precarga en cache la imagen que sigue en la sucesión

Saludos

[seoista]

Muchas gracias a ambos (@caricatos, @emprear).

Entre los dos me habeis solucionado el problema.
Ya funciona bien tanto en Firefox cómo en I.E.

Me reitero muchas gracias.

Saludos