Gracias dggluz. Queda clar el tema de la ruta de las imágenes.
La imágen aleatoria no es para el fondo del <body> sino para una div llamada ".container" que a su vez está dentro de otra div llamada "#header".
Este es el código que, siendo ignorante de javascript, supongo:
Código:
<script type="text/javascript">
function setFondo()
{
var arrImages=new Array();
arrImages[0]='img/banners/image01.jpg';
arrImages[1]='img/banners/image02.jpg';
arrImages[2]='img/banners/image03.jpg';
var i=Math.round(Math.random()*arrImages.length);
document.write("<style type="text/css">");
document.write("#header .container {");
document.write('background-image: url("'+arrImages[i]+'")');
document.write(" }");
document.write("</style>");
}
</script>
Tengo la llamada onload al setFondo() desde el <body> también y he eliminado la regla CSS en la que daba una imágen de fondo al #header . container. Pero no funciona. Supongo que porqué habrá algún fallo en el código.