Publicado em 2 de mai.

Mudar foto automaticamente

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!

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

wootzor· 3 de mai.

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· 5 de mai.

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">');](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">');](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">');](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">');](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">');](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">');](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">');](http://www.tibiaelite.com/wp-content/uploads/2016/04/rashid-edron.png)

}
</script>

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