Insérer css dans la javascript pour fond d'image à 100%

Bonjour à tous,

J'ai un javascript qui recherche au hasard une image et l'affiche en fond de page :

var fondEcran=new Array();
fondEcran.push("url(fd/1.jpg) no-repeat fixed right top")
fondEcran.push("url(fd/2.jpg) no-repeat fixed right top")
fondEcran.push("url(fd/3.jpg) no-repeat fixed right top")
fondEcran.push("url(fd/4.jpg) no-repeat fixed right top")
no_fond=Math.floor(Math.random()*fondEcran.length);
document.write("<style>body {background:"+fondEcran[no_fond]+";}</style>")

Or, j'ai aussi une css qui devrait normalement indiquer au fond d'être toujours à 100ù quel que soit le redimensionement :

#background{
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	visibility: visible;
}

Je ne sais pas comment associer ces deux codes, le <style> me gêne d'autant plus que normalement l'attribution de la css se fait avec

<img id="background" src="rabbit.jpg" alt="" title="" /></div>

auriez-vous une idée ?
Merci !

Personne n'a une idée ?

Salut,

Si tu insères ton image via la balise <img>, ton Javascript devrait jouer sur l'attribut src de celle-ci, non ? Là tu mélanges deux techniques, image de fond et image HTML...

Salut et merci de ta réponse.
Je ne suis pas certain d'avoir compris.
L'image s'affiche dans le document via le javascript avec un body background pointant sur une image. L'appel du css qui affiche toujours à 100% lui s'applique sur une balise img, ces deux méthodes sont contradictoires ?

je n'ai toujours pas trouvé de solution... Pourquoi le fond de ma page sur lequel s'applique une css ne peut-il pas être influencé par le javascript ?