Logo mudando ao atualizar a pagina

[Magnus Martins Luedke 0]

Boa noite pessoal... Estou a tarde inteira tentando fazer o banner do meu blog/site mudar ao atualizar, e não estou dando conta... Estou usando esse code:

 

 

<script language="JavaScript">

var quotes=new Array()

quotes[0]='<a href="#"><img src="http://1.bp.blogspot.com/-TYj1NtGQhi8/Uy915-adO9I/AAAAAAAABF8/SJvZJwjoezY/s1600/head2+0.png"/></a>'

quotes[1]='<a href="#"><img src="http://4.bp.blogspot.com/-gmDwaJv4VzI/Uy916pn5SbI/AAAAAAAABGE/4nY9iByNgWM/s1600/head2+1.png"/></a>'

quotes[2]='<a href="#"><img src="http://1.bp.blogspot.com/-VczAHclf_eg/Uy917cOOV5I/AAAAAAAABGM/_hfR1X3rnZ0/s1600/head2+2.png"/></a>'

quotes[3]='<a href="#"><img src="http://1.bp.blogspot.com/-yycU4FXIGZI/Uy9174t7INI/AAAAAAAABGQ/TgRKcijdy94/s1600/head2+3.png"/></a>'

quotes[4]='<a href="#"><img src="http://3.bp.blogspot.com/-C_hes9WvWM8/Uy918VrOgeI/AAAAAAAABGY/s6g5DbzR3NQ/s1600/head2+4.png"/></a>'

var random=Math.floor(5*Math.random());

document.write("<style>");

document.write("#header {");

document.write(' background:url("' + quotes[random] + '") repeat center center;');

document.write(" }");

document.write("</style>");

</script>

 

Mas não estou conseguindo "linkar" esse script com o code html do template em si...
A parte em que quero trocar:

 

 

#header{

height:240px;

width:1000px;

overflow:hidden;

Background:url(http://2.bp.blogspot.com/-wbY5HPUpFvQ/UhpKciI0YSI/AAAAAAAAAX8/Bi7HzIIJxG4/s1600/head2,.png);

}

 

Então, se puderem me ajudar, ficarei grato.

[samoelyeshua 15]

document.getElementById('header').style.backgroundImage = "url('+ quotes[random] +')";

 

essa linha ja deve fazer o trabalho dessas

document.write("<style>");

document.write("#header {");

document.write(' background:url("' + quotes[random] + '") repeat center center;');

document.write(" }");

document.write("</style>");

[Magnus Martins Luedke 0]

o code ficaria assim?:

 

 

<script language="JavaScript">

var quotes=new Array()

quotes[0]='<a href="#"><img src="http://1.bp.blogspot.com/-TYj1NtGQhi8/Uy915-adO9I/AAAAAAAABF8/SJvZJwjoezY/s1600/head2+0.png"/></a>'

quotes[1]='<a href="#"><img src="http://4.bp.blogspot.com/-gmDwaJv4VzI/Uy916pn5SbI/AAAAAAAABGE/4nY9iByNgWM/s1600/head2+1.png"/></a>'

quotes[2]='<a href="#"><img src="http://1.bp.blogspot.com/-VczAHclf_eg/Uy917cOOV5I/AAAAAAAABGM/_hfR1X3rnZ0/s1600/head2+2.png"/></a>'

quotes[3]='<a href="#"><img src="http://1.bp.blogspot.com/-yycU4FXIGZI/Uy9174t7INI/AAAAAAAABGQ/TgRKcijdy94/s1600/head2+3.png"/></a>'

quotes[3]='<a href="#"><img src="http://3.bp.blogspot.com/-C_hes9WvWM8/Uy918VrOgeI/AAAAAAAABGY/s6g5DbzR3NQ/s1600/head2+4.png"/></a>'

var random=Math.floor(10*Math.random());

document.getElementById('header').style.backgroundImage = "url('+ quotes[random] +')";

</script>

Porque se for... Não deu certo T.T

Ou tenho que mudar algo no "template" em si?

[samoelyeshua 15]

o code ficaria assim?:

 

 

Porque se for... Não deu certo T.T

 

Ou tenho que mudar algo no "template" em si?

A parte que eu disse pra mudar era apenas a parte na qual fazia a mudança de background, mas não especificamente a cada refresh

[Magnus Martins Luedke 0]

Mano, desculpe minha ignorância... Mas não entendi

[samoelyeshua 15]

Acho que é isso que você quer neh?

praticamente o mesmo código que você forneceu

 

http://jsfiddle.net/samuelgoes/7tV2C/

 

clique em RUN para da refresh

[Magnus Martins Luedke 0]

é isso que eu quero... mas não está funcionando (nem no site que você me passou ta funcionando o0)
Mas é isso ai sim ^^

Olha como ficou: Quando fui por essa id, vi que já tinha, mas coloquei igual, ai ao menos a primeira imagem aparece, (ou a estatica do background mesmo)

 

 

<div id="header">

<div id='header'>

<!-- Blog Name -->

<div class='blogname'>

<b:section class='blogname1' id='blogname1' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Sekai VisualNovel (Cabeçalho)' type='Header'>

<b:includable id='main'>

<b:if cond='data:useImage'>

<b:if cond='data:imagePlacement == "REPLACE"'>

<!--Show just the image, no text-->

<div id='header-inner'>

<a expr:href='data:blog.homepageUrl' style='display: block'>

<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>

</a>

</div>

<b:else/>

<!--

Show image as background to text. You can't really calculate the width

reliably in JS because margins are not taken into account by any of

clientWidth, offsetWidth or scrollWidth, so we don't force a minimum

width if the user is using shrink to fit.

This results in a margin-width's worth of pixels being cropped. If the

user is not using shrink to fit then we expand the header.

-->

<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>

<div class='titlewrapper' style='background: transparent'>

<h1 class='title' style='background: transparent; border-width: 0px'>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

<b:else/>

<!--No header image -->

<h1 id='blog-title'><b:include name='title'/></h1>

<b:include name='description'/>

</b:if>

</b:includable>

<b:includable id='description'>

<h2 id='blog-desc'><data:description/></h2>

</b:includable>

<b:includable id='title'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<a expr:href='data:blog.homepageUrl'><data:title/></a>

<b:else/>

<a expr:href='data:blog.homepageUrl'><data:title/></a>

</b:if>

</b:includable>

</b:widget>

</b:section>

</div></div>

 

 

O Script

 

 

<script language="JavaScript">

var quotes=new Array()

quotes[0]='<a href="#"><img src="http://1.bp.blogspot.com/-TYj1NtGQhi8/Uy915-adO9I/AAAAAAAABF8/SJvZJwjoezY/s1600/head2+0.png"/></a>'

quotes[1]='<a href="#"><img src="http://4.bp.blogspot.com/-gmDwaJv4VzI/Uy916pn5SbI/AAAAAAAABGE/4nY9iByNgWM/s1600/head2+1.png"/></a>'

quotes[2]='<a href="#"><img src="http://1.bp.blogspot.com/-VczAHclf_eg/Uy917cOOV5I/AAAAAAAABGM/_hfR1X3rnZ0/s1600/head2+2.png"/></a>'

quotes[3]='<a href="#"><img src="http://1.bp.blogspot.com/-yycU4FXIGZI/Uy9174t7INI/AAAAAAAABGQ/TgRKcijdy94/s1600/head2+3.png"/></a>'

quotes[4]='<a href="#"><img src="http://3.bp.blogspot.com/-C_hes9WvWM8/Uy918VrOgeI/AAAAAAAABGY/s6g5DbzR3NQ/s1600/head2+4.png"/></a>'

var random=Math.floor(5*Math.random());

document.getElementById("header").style.backgroundImage = "url("+quotes[random]+")";</script>

 

E o css

 

 

#header{

height:240px;

width:1000px;

background:url(http://1.bp.blogspot.com/-TYj1NtGQhi8/Uy915-adO9I/AAAAAAAABF8/SJvZJwjoezY/s1600/head2+0.png);

overflow:hidden;

}

 

 

Não saquei onde por a id certinho

[samoelyeshua 15]

Você nem olhou meu código, vc n pode botar html dentro do array, como vc quer botar uma tag A e uma IMG dentro de um estilo css?

 

o array tem que ser assim:

quotes[0] ="http://www.rixane.com/shots/fantastic-ocean-3d-screensaver-640-3.jpg"

quotes[1] ="http://www.superiorpics.com/wallpaper/file/Jessica_Alba_in_Fantastic_Four:_Rise_of_the_Silver_Surfer_Wallpaper_3_1024.jpg"

quotes[2] ="http://www.hdwallpapersbest.com/wp-content/uploads/2014/02/05/e6t45.jpeg"

quotes[3] ="http://1.bp.blogspot...600/head2 3.png"

quotes[4] ="http://3.bp.blogspot...600/head2 4.png"

[Magnus Martins Luedke 0]

Mano, valeu a "cutucata" pela minha falta de atenção... Agora deu certinho.

Agradecido ^^

[samoelyeshua 15]

Tudo bem!!