Mudar foto automaticamente

[Felipe Sartori 0]

Boa tarde pessoal, eu estou com uma dúvida.

Peguei um código na internet sobre mudar texto automaticamente a cada 24h.

Bom, eu consegui achar, agora eu preciso fazer com que a imagem mude sozinha a cada 24h também.

Será que tem como?

 

Podem me ajudar?

O código que tenho é esse:

 

<script type="text/javascript" language="JavaScript">

var data = new Date ();

var dia = data.getDay();

if(dia == 0) document.write("Hoje, Rashid está em Carlin.");

if(dia == 1) document.write("Hoje, Rashid está em Svargrond.");

if(dia == 2) document.write("Hoje, Rashid está em Liberty Bay.");

if(dia == 3) document.write("Hoje, Rashid está em Port Hope.");

if(dia == 4) document.write("Hoje, Rashid está em Ankrahmun.");

if(dia == 5) document.write("Hoje, Rashid está em Darashia.");

if(dia == 6) document.write("Hoje, Rashid está em Edron.");

</script>

Obrigado!

[wootzor 103]

Tens de alterar o atributo src (source) do elemento img. Vê se ajuda:

<img id="avatar" /><br />
<span id="texto"></span>

var data = new Date();
var dia = data.getDay();
var img = document.getElementById("avatar");

if (dia == 2) 
{
  img.src = "http://wikimon.net/images/thumb/1/1f/Wizarmon2.jpg/200px-Wizarmon2.jpg";
  document.getElementById("texto").innerHTML = "Hoje, Rashid está em Carlin.";
} 

Exemplo no jsFiddle.

[Felipe Sartori 0]

Cara, eu tenho o código agora.

Só que minha dúvida é a seguinte:

A imagem troca todo dia 00h00 e o texto também, será que não tem como colocar pra trocar as 05h da manhã?

 

O código é esse:

 

<center><script type="text/javascript" language="JavaScript">

function rodarImagens(){

var data = new Date ();

var dia = data.getDay();

if (dia == 0) document.write('<img src="http://www.tibiaelite.com/wp-content/uploads/2016/04/rashid-carlin.png">');

if (dia == 1) document.write('<img src="http://www.tibiaelite.com/wp-content/uploads/2016/04/rashid-svargrond.png">');

if (dia == 2) document.write('<img src="http://www.tibiaelite.com/wp-content/uploads/2016/04/rashid-liberty-bay.png">');

if (dia == 3) document.write('<img src="http://www.tibiaelite.com/wp-content/uploads/2016/04/rashid-port-hope.png">');

if (dia == 4) document.write('<img src="http://www.tibiaelite.com/wp-content/uploads/2016/04/rashid-ankrahmun.png">');

if (dia == 5) document.write('<img src="http://www.tibiaelite.com/wp-content/uploads/2016/04/rashid-darashia.png">');

if (dia == 6) document.write('<img src="http://www.tibiaelite.com/wp-content/uploads/2016/04/rashid-edron.png">');

}

</script>

<script>rodarImagens();</script></center>