Hace muy poco hice un script para un sitio de un cliente. Acá podés verlo:
http://www.cofatuc.org.ar/olimpiadas2011/
Verás que el fondo cambia aleatoriamente cada 3 segundos. Acá tenés el script:
http://www.cofatuc.org.ar/olimpiadas2011/js/cambiar-fondo.js
Código Javascript
:
Ver original//cambiar imagen de fondo por una lista aleatoria.
//Nahuel Jose
$( function(){
var arrImagenes = [ 'fondo-1.jpg','fondo-1.jpg', 'fondo-2.jpg', 'fondo-3.jpg' ];
var imagenActual = 'fondo-1.jpg';
var tiempo = 3000;
var id_contenedor = 'main-wrap'
setInterval( function(){
do{
var randImage = arrImagenes[Math.ceil(Math.random()*(arrImagenes.length-1))];
}while( randImage == imagenActual )
imagenActual = randImage;
cambiarImagenFondo(imagenActual, id_contenedor);
}, tiempo)
})
function cambiarImagenFondo(nuevaImagen, contenedor){
var contenedor = $('#' + contenedor);
//cargar imagen primero
var tempImagen = new Image();
$(tempImagen).load( function(){
contenedor.css('backgroundImage', 'url('+tempImagen.src+')');
});
tempImagen.src = 'images/' + nuevaImagen;
}