[AJUDA] Mudando background a cada atualização

[Samuel Attila]

Olá, eu tenho um tumblr e queria fazer uma coisa que eu acho que deve ser simples mas não estou conseguindo executar de jeito nenhum. Eu queria mudar uma img do meu background a cada vez que atualizasse a pagina.

Tentei usar esse java script mas não deu certo:

<script type="text/javascript">
var banner= new Array()
banner[0]="urldaimagem"
banner[1]="urldaimagem"
banner[2]="urldaimagem"
banner[3]="urldaimagem"
banner[4]="urldaimagem"
banner[5]="urldaimagem"
banner[6]="urldaimagem"
banner[7]="urldaimagem"
banner[8]="urldaimagem"
banner[9]="urldaimagem"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("body {");
document.write('color:#000000;');
document.write('background-color:#ffffff;');
document.write('background-image:url("' + banner[random] + '");');
document.write('background-attachment: fixed; background-repeat: no-repeat; background-position: 950px;');
document.write('font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-size:11px; line-height:110%;');
document.write('text-align:justify');
document.write(" }");
document.write("</style>");
</script>

E o meu background está assim no meu template:

body 

{color:#000000; 
background-color:#ffffff; 
background-image:url('http://static.tumblr.com/25p7daa/Yo9lv4mjd/cats.jpg'); 
background-attachment: fixed; 
background-repeat: no-repeat; 
background-position: 950px; font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; 
font-size:11px; l
ine-height:110%; 
text-align:justify}

Queria que só trocasse a imagem que está no canto direito como podem ver no meu tumblr. http://attilas.tumblr.com/

Se alguém puder me ajudar eu agradeço de coração. Muito obrigado desde já pela atenção.

[Andre_Luiz]

Olá, eu tenho um tumblr e queria fazer uma coisa que eu acho que deve ser simples mas não estou conseguindo executar de jeito nenhum. Eu queria mudar uma img do meu background a cada vez que atualizasse a pagina.

Tentei usar esse java script mas não deu certo:

<script type="text/javascript">
var banner= new Array()
banner[0]="urldaimagem"
banner[1]="urldaimagem"
banner[2]="urldaimagem"
banner[3]="urldaimagem"
banner[4]="urldaimagem"
banner[5]="urldaimagem"
banner[6]="urldaimagem"
banner[7]="urldaimagem"
banner[8]="urldaimagem"
banner[9]="urldaimagem"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("body {");
document.write('color:#000000;');
document.write('background-color:#ffffff;');
document.write('background-image:url("' + banner[random] + '");');
document.write('background-attachment: fixed; background-repeat: no-repeat; background-position: 950px;');
document.write('font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-size:11px; line-height:110%;');
document.write('text-align:justify');
document.write(" }");
document.write("</style>");
</script>

E o meu background está assim no meu template:

body 

{color:#000000; 
background-color:#ffffff; 
background-image:url('http://static.tumblr.com/25p7daa/Yo9lv4mjd/cats.jpg'); 
background-attachment: fixed; 
background-repeat: no-repeat; 
background-position: 950px; font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; 
font-size:11px; l
ine-height:110%; 
text-align:justify}

Queria que só trocasse a imagem que está no canto direito como podem ver no meu tumblr. http://attilas.tumblr.com/ Se alguém puder me ajudar eu agradeço de coração. Muito obrigado desde já pela atenção.

Olá. O que você poderia fazer é alterar a forma com que você está escrevendo teu código. Deixa essa parte fixa:

body 

{color:#000000; 
background-color:#ffffff; 
background-attachment: fixed; 
background-repeat: no-repeat; 
background-position: 950px; font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; 
font-size:11px; l
ine-height:110%; 
text-align:justify}

No javascript faça isso:

<script type="text/javascript">
var banner= new Array()
banner[0]="urldaimagem"
banner[1]="urldaimagem"
banner[2]="urldaimagem"
banner[3]="urldaimagem"
banner[4]="urldaimagem"
banner[5]="urldaimagem"
banner[6]="urldaimagem"
banner[7]="urldaimagem"
banner[8]="urldaimagem"
banner[9]="urldaimagem"
var random=Math.floor(10*Math.random());

document.style.backgroundImage= "url("' + banner[random] + '")";

</script>

Dessa forma você passa realmente toda a responsabilidade para o JS alterar o background. Sugiro ainda colocar isso numa função javascript, e pedir para ser executada no final da página ou no "onload" do body.

Forte abraço.