He probado el código que me pasaste pero soy bastante novato en cuanto a Javascript se refiere
Así que, claro, no me funciona. Supongo que se deberá a algún error en el código. Mi mayor problema está en cómo tengo que codificar la ruta para llamar a las imágenes. Pongo el código a ver si encontráis qué estoy haciendo mal:
En el <head>:
Código:
<script type="text/javascript">
function setFondo()
{
arrImages=new Array('url(img/banners/image01.jpg)', 'url(img/banners/image02.jpg)');
var i=Math.round(Math.random()*arrImages.lenght);
window.document.style.background=arrImages[i];
}
</script>
(Las imágenes las tengo dentro de una carpeta llamada "banners" que, a su vez, está dentro de otra carpeta llamada "img". ¿Quizá tengo que poner la ruta absoluta?)
Luego la llamada en el <body>:
Código:
<body onload="setInterval('setFondo()')">
Y por último, tengo la primera imágen como fondo del banner en mi archivo CSS:
Código:
#header .container {
background-image: url(img/banners/image01.jpg);
}
(.container porque tengo una división dentro de #header llamada así para centrar la web)