Hacer que el background cambie la imagen cada cierto tiempo

[Aniwizz]

Iniciado por Naahuel

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:

//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;
}
 

Naahuel... estoy intentando implementar tu código en un sitio que debo hacer para la universidad... quiero implementarlo pero no para el back ground, sino que para la imagen central del sitio

el tema es que tengo implementado ya el JS... pero nunca habia llamado una funcion en una imagen xD

asi es como tengo puesta la imagen estatica en el sitio en estos momentos

Código HTML:

<div id="content">
    <h2><a href="#">Bienvenidos a FloreXpress </a></h2>
        <div class="entry">
            <p><img src="images/flores-1.jpg" width="690" height="200"
            alt="" /></p>
            <p>Esto es <strong>FloreXpress </strong> una tienda virtual
            dedicada a la venta de ramos de flores y arreglos florales para
            cualquier ocasion.
            ¿Planeas un matrimonio? ¿Estas de aniversario? ¿Quieres que te
                    perdonen? O tan solo deseas regalonear a la persona que amas?
            </p>
        </div>
</div>