Ir para conteúdo

POWERED BY:

Arquivado

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

ExsEcrAtUs

Imagens Aleatorias

Por , em Javascript

Recommended Posts

ExsEcrAtUs    0

ExsEcrAtUs
Postado

Ola galera, eu tenho um problemao, eu precisava de um codigo q fizesse mostrar uma imagem diferente dependendo da hora do dia, tipo entre as 7:00 e o meio-dia um sol nascendo, a tarde um solao, e a tardezinha um por-do-sol e de noite uma imagem com uma lua. Eu axo q eh uma coisa simples, mas eu nao tenho nem base de JavaScript, to louco pra aprende, mas ando mto sem tempo por causa do trabalho... agradeço de antemao quem puder me ajudar.vlw

Compartilhar este post

Link para o post
Compartilhar em outros sites

joacatito    0

joacatito
Postado

isso sih eh mto dificil ou ninguem quer me ajudar msm?? :(

Não precisa chorar tb... :lol:

 

você só manja de JS?

Pq você vai pegar a hora do cliente... Vai q o kra tá com problema no relógio dele...

Isso seria melhor implementar em linguagem server-side, tipo ASP ou PHP...

 

Já q você pediu em JS, segue:

Função:

<script>function alteraimagem(){ var now = new Date(); var hours = now.getHours(); if(hours >= 7 and hours < 12)	document.getElementById('ImagemAleatoria').src="ENDERECO/NOMEDAIMAGEM.EXTENSAO"; if(hours >=12 and hours < 18)	document.getElementById('ImagemAleatoria').src="ENDERECO/NOMEDAIMAGEM.EXTENSAO"; if(hours > 18)	document.getElementById('ImagemAleatoria').src="ENDERECO/NOMEDAIMAGEM.EXTENSAO";}</script>
Uso:

<body onload="alteraimagem();"><img src="" name="Imagem" id="ImagemAleatoria" width="275" height="175">
Editado: foi mal Adriano. Devemos ter postado ao mesmo tempo.

Compartilhar este post

Link para o post
Compartilhar em outros sites

ExsEcrAtUs    0

ExsEcrAtUs
Postado

vlw pela força aih galera, eu nao queria esse codigo pra trabalho nao, soh por pura curiosidade sobre como faz.

vlw msm aih! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

joacatito desculpe a minha ignorancia em programaçao, mas eu tentei fazer o codigo q você me passou funcionar, mas eu axo q to fazeno alguma coisa errada, eu fiz tres imagens 1.jpg, 2.jpg e 3.jpg, pra mostrar nas horas q você escreveu no codigo:

<script>function alteraimagem(){var now = new Date();var hours = now.getHours();if(hours >= 7 and hours < 12)	document.getElementById('ImagemAleatoria').src="images/1.jpg";if(hours >=12 and hours < 18)	document.getElementById('ImagemAleatoria').src="images/2.jpg";if(hours > 18)	document.getElementById('ImagemAleatoria').src="images/3.jpg";}</script>
e no body eu pus a tag

onload="alteraimagem();"
e numa tabela dentro do body eu chamei a funçao:

<td colspan="13" width="100%" height="100%">	<img src="" name="Imagem" id="ImagemAleatoria" width="275" height="175">
c eu coloca uma imagem dentro dakele img src aih em cima a imagem vai ficar fixa neh?

eu nao consigo encontrar o problema, sera q eu nao to digitando alguma coisa certa ou eskeci d muda alguma coisa?

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