cambiar imagen

[fmiguelcapel]

hola, estoy haciendo una web y quisiera que en la cabecera las imagenes fueran cambiando cada cierto tiempo.
He probado con este código sin resultado esperado; haver si me podeis ayudar o conoceis algun otro código menos complejo ( o en algo me equivoco). saludos:

Código Javascript:

window.onload=function(){
    $( function(){
        var arrImagenes = [ 'imagen_1','imagen_2', 'imagen_3', 'imagen_4' ];
        var imagenActual = 'imagen_1';
        var tiempo = 3000;
        var id_contenedor = 'foto_portada'
        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 = 'imagenes_cabecera/' + nuevaImagen;
    }
}
 

[fmiguelcapel]

Ya conseguí solucionarlo; resulta que no había puesto la extensión de los archivos. Perdonad las molestias..
Una última cosa: respecto a esta función, me podeis decir como hacer que las imagenes se carguen inmediatamente al acceder a la página? Saludos...

[mdk]

Yo lo hago poniendo la función inmediatamente después del..

$(document).ready(function() {