fondo con javascript

[fedefrankk]

hola a todos, tengo un problema. el siguiente codigo lo saque de este foro, pero no lo puedo adaptar a mi web..

javascript

se llama : main.js

Código Javascript:

$( function(){
    var arrImagenes = [ 'fondo-1.jpg','fondo-2.jpg', 'fondo-3.jpg', 'fondo-4.jpg','fondo-5.jpg','fondo-6.jpg' ];
    var imagenActual = 'fondo-1.jpg';
    var tiempo = 3000;
    var id_contenedor = 'bg'
    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 = 'img/fondos/' + nuevaImagen;
        
    }
 

mi html index.html

Código HTML:

<div id="bg"> </div>
 

y mi css:

Código CSS:

#bg{ background-image:url(img/fondos/fondo-2.jpg);
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
}
 

Se que en algun lufar le estoy fallando mal. pero no puedo darme cuenta...

la ruta de las imagenes seria asi:


carpeta
index.html
main.js
main.css
img
(dentro de img) fondos
fondo-1.jpg



Bueno espero alguna mano y gracias de antemano saludos a todos

fede