Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Jhonei

[Resolvido] Imagem em div que muda durante o dia!

Por , em Javascript

Recommended Posts

Jhonei    0

Jhonei
Postado

Eu gostaria de saber onde errei e como posso consertar!

 

Fiz o possível mais não conseguir chegar no resultado final!!

 

Confesso que sou leigo e gostaria que agem me ajudasse!!

 

var imagem= new Array();
var now = new Date();
var hora = d.getHours();

imagem[(hora >= 18) && (hora < 6)] = 'noite.jpg';
imagem[(hora >= 6) && (hora < 12)] = 'manha.jpg';
imagem[(hora >= 12) && (hora < 18)] = 'tarde.jpg';

function mostraImagem(){
document.write('<div id="background"> <img width="100%" height="100%" src="paginas/background/'+imagem[hora]+'">');
document.write('</div>');
}

 

Grato desde já!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

51L3N7    1

51L3N7
Postado 
<script>
onload = function() {
tempo = new Date();
hora = tempo.getHours();
if ( hora >= 6 && hora <= 12 ) img = 'dia.jpg';
else if ( hora >= 12 && hora <= 18 ) img = 'dia.jpg';
else if ( hora >= 18 ) img = 'noite.jpg';
document.getElementById( 'imagem' ).src = img;
}
</script>
<div><img src="" id="imagem"/></div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jhonei    0

Jhonei
Postado

Olá "51L3N7" muito bom o seu código!!

 

Muito obrigado mesmo!! Eu realmente estava precisando deste código você me quebrou um gualhão!!

 

sim para ficar ciente ele estava entrando em conflito com o preload de imagens do body ai eu fis isto:

 

<script>
function mudaImg(){
var d = new Date();
var hora = d.getHours();
var imagem = "imagem/background/noite.jpg";
if ((hora >= 6) && (hora < 12)) {
imagem = "imagem/background/manha.jpg";
} else if ((hora >= 12) && (hora < 18)) {
imagem = "imagem/background/tarde.jpg";
}
document.getElementById( 'imagem' ).src = imagem;
}
</script>

<body onload="mudaImg();MM_preloadImages('imagem1.png',imagem2.png')>

<div><img src="" id="imagem"/></div>

 

Muito obrigado de coração cara!!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito