Script Para Trocar Imagem Conforme Dia
#2
Posted 09/02/2006, 09:40
<script LANGUAGE="JavaScript">
var imagem= new Array()
imagem[0] = 'imagens/suaimagem.jpg'
imagem[1] = 'imagens/suaimagem1.jpg'
var j = 0
var p = imagem.length;
var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = imagem[i]
}
var essaImagem= Math.round(Math.random()*(p-1));
function mostraImagem(){
document.write('<img src="'+imagem[essaImagem]+'">');
}
</script>
<script>mostraImagem()</script>
#3 computer
Posted 09/02/2006, 21:23
Olá, tudo bem?Olá,
pesquisei, pesquisei, mas naun achei entao vou postar...
Alguem tem o script que faz uma determinada imagem mudar automaticamente conforme o dia ?????
abraços,
rafael.
O seu script pode ser feito assim:
Crie uma variável para a data, e depois um IF para cada dia. É uma possibilidade.
#4
Posted 10/02/2006, 08:35
HUmm, mas eu nem sei como fazer issu, se vc quiser e puder fazer o codigo... ou alguem que saiba... ???Olá, tudo bem?Olá,
pesquisei, pesquisei, mas naun achei entao vou postar...
Alguem tem o script que faz uma determinada imagem mudar automaticamente conforme o dia ?????
abraços,
rafael.
O seu script pode ser feito assim:
Crie uma variável para a data, e depois um IF para cada dia. É uma possibilidade.
desde ja agradeço!
abraços!
#5
Posted 10/02/2006, 10:55
<script LANGUAGE="JavaScript"> var imagem= new Array(); var now = new Date(); var agora = now.getDay(); imagem[1] = '1.jpg'; imagem[2] = '2.jpg'; imagem[3] = '3.jpg'; imagem[4] = '4.jpg'; imagem[5] = '5.jpg'; imagem[6] = '6.jpg'; imagem[7] = '7.jpg'; imagem[8] = '8.jpg'; imagem[9] = '9.jpg'; imagem[10] = '10.jpg'; imagem[11] = '11.jpg'; imagem[12] = '12.jpg'; imagem[13] = '13.jpg'; imagem[14] = '14.jpg'; imagem[15] = '15.jpg'; imagem[16] = '16.jpg'; imagem[17] = '17.jpg'; imagem[18] = '18.jpg'; imagem[19] = '19.jpg'; imagem[20] = '20.jpg'; imagem[21] = '21.jpg'; imagem[22] = '22.jpg'; imagem[23] = '23.jpg'; imagem[24] = '24.jpg'; imagem[25] = '25.jpg'; imagem[26] = '26.jpg'; imagem[27] = '27.jpg'; imagem[28] = '28.jpg'; imagem[29] = '29.jpg'; imagem[30] = '30.jpg'; imagem[31] = '31.jpg'; function mostraImagem(){ document.write('<img src="'+imagem[agora]+'">'); } </script> <script>mostraImagem()</script>
tipo um array com 31 imagens ou nao precisa ser 31 diferentes, ai vc chama ela com o dia dentro do array
nao sei se deu para entender...to meio com preguiça aqui hehe
EDIT: Alterei o código acima que fiz e tá funcionando certinho do jeito que falei...um para cada dia...mas vc pode repetir as imagens no meio se quiser..
Falows
Edição feita por: Fernando Wobeto, 10/02/2006, 11:03.
| MSN: fernando_wobeto@hotmail.com
| E-MAIL: fernandowobeto@gmail.com
| Desenvolvedor Web
|--------------------------------------------------|
#6
Posted 20/05/2010, 11:31
estou precisando muito que funcione da seguinte forma
de Segunda a Sexta Feira tenho 10 imagens que devem aparecer dependendo da hora do dia
mas no Sabado e domingo as imagens sou outras são apenas 6 imagens que devem aparecer dependendo da hora do dia
eu tenho separado o codigo para o Dia e o Codigo para a Hora
porem não sei como juntar eles
na minha ideia o godigo trabalharia na seguinte linha de raciocinhio
1º ele identificaria o dia da semana
dai ele iria pegaria as imagens referente aquele dia e trabalharia com elas dependendo da hora
alguem ai sabe como poderia fazer isso?
OBRIGADO PELA ATENÇÂO
#7
Posted 20/05/2010, 11:58
Quando você diz de acordo com a hora do dia, a qual regra vc se refere?
Como seria o nome das suas imagens?
Ou descreva pelo menos o exemplo prático para que eu possa lhe ajudar...
Um abraço
Fernando
Edição feita por: Fernando Wobeto, 20/05/2010, 12:10.
| MSN: fernando_wobeto@hotmail.com
| E-MAIL: fernandowobeto@gmail.com
| Desenvolvedor Web
|--------------------------------------------------|
#8
Posted 22/05/2010, 18:54
Cara, para montar o código, depende de varios fatores:
Quando você diz de acordo com a hora do dia, a qual regra vc se refere?
Como seria o nome das suas imagens?
Ou descreva pelo menos o exemplo prático para que eu possa lhe ajudar...
Um abraço
Fernando
Vamos la, o site e de uma Radio www.cobilandiafm.com.br
na pagina principal do site vai aparecer uma imagen referente ao programa que esta no ar naquele momento
ex: de 8:00 as 10:00 programa "bom dia comunidade" o script exibe a imagem bomdia.jpg
de 10:01 as 12:00 programa "love song's" o script exibe a imagem love.jpg
...e assim por diante
(OBS: assim eu ja coloquei para funcionar Perfeito e 100% pode conferir no site)
O grande problema é que nos finais de semana (sabado e domigo)
a programação é outra
então nestes 2 dias teria que ser outras imagens em outros horarios.
deu para intender meu raciocinio
(criando esse escript eu teria liberdade tambem para criar uma programação de imagens para cada dia da semana caso seja necessario futuramente)
ex:
segunda feira
de 6:00 as 10:00 apareceria a imagem 001.jpg
de 10:01 as 13:00 imagem 002.jpg
de 13:01 as 17:00 imagem 003.jpg
Terça feira
de 6:00 as 10:00 apareceria a imagem 004.jpg
de 10:01 as 13:00 imagem 005.jpg
de 13:01 as 17:00 imagem 006.jpg
Quarta feira
de 8:00 as 11:00 apareceria a imagem 001.jpg
de 11:01 as 14:00 imagem 003.jpg
de 14:01 as 18:00 imagem 005.jpg
e assim por diante ate fecha a semana toda segunda a domingo
#9
Posted 24/05/2010, 11:42
é tudo uma questão de "if" e de como quer a organizacao das imagens e sabendo que para pegar o dia da semana de 0 à 6 (0 para domingo) você utiliza a funcao em Javascript getDay()
Um abraço!
Fernando
Cara, para montar o código, depende de varios fatores:
Quando você diz de acordo com a hora do dia, a qual regra vc se refere?
Como seria o nome das suas imagens?
Ou descreva pelo menos o exemplo prático para que eu possa lhe ajudar...
Um abraço
Fernando
Vamos la, o site e de uma Radio www.cobilandiafm.com.br
na pagina principal do site vai aparecer uma imagen referente ao programa que esta no ar naquele momento
ex: de 8:00 as 10:00 programa "bom dia comunidade" o script exibe a imagem bomdia.jpg
de 10:01 as 12:00 programa "love song's" o script exibe a imagem love.jpg
...e assim por diante
(OBS: assim eu ja coloquei para funcionar Perfeito e 100% pode conferir no site)
O grande problema é que nos finais de semana (sabado e domigo)
a programação é outra
então nestes 2 dias teria que ser outras imagens em outros horarios.
deu para intender meu raciocinio
(criando esse escript eu teria liberdade tambem para criar uma programação de imagens para cada dia da semana caso seja necessario futuramente)
ex:
segunda feira
de 6:00 as 10:00 apareceria a imagem 001.jpg
de 10:01 as 13:00 imagem 002.jpg
de 13:01 as 17:00 imagem 003.jpg
Terça feira
de 6:00 as 10:00 apareceria a imagem 004.jpg
de 10:01 as 13:00 imagem 005.jpg
de 13:01 as 17:00 imagem 006.jpg
Quarta feira
de 8:00 as 11:00 apareceria a imagem 001.jpg
de 11:01 as 14:00 imagem 003.jpg
de 14:01 as 18:00 imagem 005.jpg
e assim por diante ate fecha a semana toda segunda a domingo
| MSN: fernando_wobeto@hotmail.com
| E-MAIL: fernandowobeto@gmail.com
| Desenvolvedor Web
|--------------------------------------------------|
#10
Posted 25/05/2010, 13:18
algumas modificações eu ate dou conta hehhe
mas criar eu não dou conta
teria como vc fazer um modelo paramim
com apenas 2 dia e 2 horas diferentes
ex:
segunda feira
das 8 as 10 imagem 001.jpg
das 10 as 13 imagem 002
terça feira
das 10 as 12 imagem 003
das 12 as 15 imagem 004
ai eu vou conceguir intender o codigo (ai o restante e facil
Poderia fazer esse favor paramim?ficarei muito grato
Olha que ja rodei essa intrenet toda atraz desse script e não encontrei
depois vale ate colocar um pronto na net para o pessoal baixar
#11
Posted 25/05/2010, 22:40
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script> function rodarImagens(){ var now = new Date(); var agora = now.getDay(); var hora = now.getHours(); switch (agora){ case 0: //domingo break case 1: //segunda if(hora >= 8 && hora < 10){ document.write('<img src="imagem_segunda_8_10.jpg">');} if(hora >= 10 && hora < 13){ document.write('<img src="imagem_segunda_10_13.jpg">');} break case 2: //terça if(hora >= 10 && hora < 12){ document.write('<img src="imagem_terca_10_12.jpg">');} if(hora >= 12 && hora < 15){ document.write('<img src="imagem_terca_12_15.jpg">');} break case 3: //quarta break case 4: //quinta break case 5: //sexta break case 6: //sábado break } } </script> </head> <body> <p><script>rodarImagens();</script></p> </body> </html>
Um abraço!
Fernando
O Grande problema e que não sei escrever esse escriptsou pessimo na criação
algumas modificações eu ate dou conta hehhe
mas criar eu não dou conta
teria como vc fazer um modelo paramim
com apenas 2 dia e 2 horas diferentes
ex:
segunda feira
das 8 as 10 imagem 001.jpg
das 10 as 13 imagem 002
terça feira
das 10 as 12 imagem 003
das 12 as 15 imagem 004
ai eu vou conceguir intender o codigo (ai o restante e facil
Poderia fazer esse favor paramim?ficarei muito grato
Olha que ja rodei essa intrenet toda atraz desse script e não encontrei
depois vale ate colocar um pronto na net para o pessoal baixar
- snow-flyer likes this
| MSN: fernando_wobeto@hotmail.com
| E-MAIL: fernandowobeto@gmail.com
| Desenvolvedor Web
|--------------------------------------------------|
#12
Posted 26/05/2010, 16:39
Muito obrigado mesmo viu
Vc é o cara do script hehe
manda muito bem...
assim que o pessoal da radio me passar a programção completa e eu criar as imgens e colocar la no site
eu te aviso para vc ver sua crição funcionando
Mais uma ves Obrigado
#13
Posted 27/05/2010, 10:00
Mostra mesmo, quero ver!
Abraço!
Fernando
FERNANDO VC ME SALVOU
Muito obrigado mesmo viu
Vc é o cara do script hehe
manda muito bem...
assim que o pessoal da radio me passar a programção completa e eu criar as imgens e colocar la no site
eu te aviso para vc ver sua crição funcionando
Mais uma ves Obrigado
| MSN: fernando_wobeto@hotmail.com
| E-MAIL: fernandowobeto@gmail.com
| Desenvolvedor Web
|--------------------------------------------------|
#14
Posted 27/07/2010, 23:20
hehehhe, blz cara, de nada!
Mostra mesmo, quero ver!
Abraço!
Fernando
Fernando ja tenho as imagens e completei o codigo que vc me passou
porem a imagem não paraceu (o que sera que esta errado?)
tem alguma coisa a ver com agora da ultima imagem pois é as 00hs
Cara eu não indendo bem essa programção mas creio eu que esta falatando a linha:
function rodarImagem(){
document.write('<img src......
Caso eu esteje enganado Desculpe minha Ignorancia
Abaixo codigo completo da pagina html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script> function rodarImagens(){ var now = new Date(); var agora = now.getDay(); var hora = now.getHours(); switch (agora){ case 0: //domingo if(hora >= 6 && hora < 9){ document.write('<img src="canta_viola_6_as_9.png">');} if(hora >= 9 && hora < 13){ document.write('<img src="agito98_9_as_13.png">');} if(hora >= 13 && hora < 16){ document.write('<img src="interligado_13_as_16.png">');} if(hora >= 16 && hora < 21){ document.write('<img src="top_hits_16_as_21.png">');} if(hora >= 21 && hora < 23){ document.write('<img src="impacto_21_as_23.png">');} if(hora >= 23 && hora < 00){ document.write('<img src="piloto_automatico_23_as_00.png">');} break case 1: //segunda if(hora >= 6 && hora < 9){ document.write('<img src="canta_viola_6_as_9.png">');} if(hora >= 9 && hora < 10){ document.write('<img src="manha_gospel_9_as_10.png">');} if(hora >= 10 && hora < 13){ document.write('<img src="theres_silva_10_as_13.png">');} if(hora >= 13 && hora < 16){ document.write('<img src="interligado_13_as_16.png">');} if(hora >= 16 && hora < 19){ document.write('<img src="bate_o_pe_16_as_19.png">');} if(hora >= 19 && hora < 20){ document.write('<img src="voz_do_brasil_19_as_20.png">');} if(hora >= 20 && hora < 22){ document.write('<img src="ligacao_direta_20_as_22.png">');} if(hora >= 22 && hora < 00){ document.write('<img src="piloto_automatico_22_as_00.png">');} break case 2: //terça if(hora >= 6 && hora < 9){ document.write('<img src="canta_viola_6_as_9.png">');} if(hora >= 9 && hora < 10){ document.write('<img src="manha_gospel_9_as_10.png">');} if(hora >= 10 && hora < 13){ document.write('<img src="theres_silva_10_as_13.png">');} if(hora >= 13 && hora < 16){ document.write('<img src="interligado_13_as_16.png">');} if(hora >= 16 && hora < 19){ document.write('<img src="bate_o_pe_16_as_19.png">');} if(hora >= 19 && hora < 20){ document.write('<img src="voz_do_brasil_19_as_20.png">');} if(hora >= 20 && hora < 22){ document.write('<img src="ligacao_direta_20_as_22.png">');} if(hora >= 22 && hora < 00){ document.write('<img src="piloto_automatico_22_as_00.png">');} break case 3: //quarta if(hora >= 6 && hora < 9){ document.write('<img src="canta_viola_6_as_9.png">');} if(hora >= 9 && hora < 10){ document.write('<img src="manha_gospel_9_as_10.png">');} if(hora >= 10 && hora < 13){ document.write('<img src="theres_silva_10_as_13.png">');} if(hora >= 13 && hora < 16){ document.write('<img src="interligado_13_as_16.png">');} if(hora >= 16 && hora < 19){ document.write('<img src="bate_o_pe_16_as_19.png">');} if(hora >= 19 && hora < 20){ document.write('<img src="voz_do_brasil_19_as_20.png">');} if(hora >= 20 && hora < 22){ document.write('<img src="ligacao_direta_20_as_22.png">');} if(hora >= 22 && hora < 00){ document.write('<img src="piloto_automatico_22_as_00.png">');} break case 4: //quinta if(hora >= 6 && hora < 9){ document.write('<img src="canta_viola_6_as_9.png">');} if(hora >= 9 && hora < 10){ document.write('<img src="manha_gospel_9_as_10.png">');} if(hora >= 10 && hora < 13){ document.write('<img src="theres_silva_10_as_13.png">');} if(hora >= 13 && hora < 16){ document.write('<img src="interligado_13_as_16.png">');} if(hora >= 16 && hora < 19){ document.write('<img src="bate_o_pe_16_as_19.png">');} if(hora >= 19 && hora < 20){ document.write('<img src="voz_do_brasil_19_as_20.png">');} if(hora >= 20 && hora < 22){ document.write('<img src="ligacao_direta_20_as_22.png">');} if(hora >= 22 && hora < 00){ document.write('<img src="piloto_automatico_22_as_00.png">');} break case 5: //sexta if(hora >= 6 && hora < 9){ document.write('<img src="canta_viola_6_as_9.png">');} if(hora >= 9 && hora < 10){ document.write('<img src="manha_gospel_9_as_10.png">');} if(hora >= 10 && hora < 13){ document.write('<img src="theres_silva_10_as_13.png">');} if(hora >= 13 && hora < 16){ document.write('<img src="interligado_13_as_16.png">');} if(hora >= 16 && hora < 19){ document.write('<img src="bate_o_pe_16_as_19.png">');} if(hora >= 19 && hora < 20){ document.write('<img src="voz_do_brasil_19_as_20.png">');} if(hora >= 20 && hora < 22){ document.write('<img src="ligacao_direta_20_as_22.png">');} if(hora >= 22 && hora < 00){ document.write('<img src="piloto_automatico_22_as_00.png">');} break case 6: //sábado if(hora >= 6 && hora < 9){ document.write('<img src="canta_viola_6_as_9.png">');} if(hora >= 9 && hora < 10){ document.write('<img src="manha_gospel_9_as_10.png">');} if(hora >= 10 && hora < 13){ document.write('<img src="theres_silva_10_as_13.png">');} if(hora >= 13 && hora < 16){ document.write('<img src="interligado_13_as_16.png">');} if(hora >= 16 && hora < 19){ document.write('<img src="bate_o_pe_16_as_19.png">');} if(hora >= 19 && hora < 22){ document.write('<img src="98_graus_19_as_22.png">');} if(hora >= 22 && hora < 00){ document.write('<img src="piloto_automatico_22_as_00.png">');} break } } </script> </head> <body> <p><script>rodarImagens();</script></p> </body> </html>
So falta isso para colocar no site (se quiser posso te mandar um ZIP com as imagem tambem)
Edição feita por: snow-flyer, 27/07/2010, 23:25.
#15
Posted 28/07/2010, 10:08
tudo bem? Blz!
cara,, fiz testes aqui e funciona tudo perfeitamente
apenas mude uma coisa nos seus ifs na hora da meia noite (00)
mude para apenas 1 zero, assim:
if(hora >= 22 && hora < 0)
do jeito que vc colocou ai suas imagens, elas precisa estar na raiz de onde o codigo está sendo rodado!
Ve ai, qualquer coisa avisa!
Abraço
| MSN: fernando_wobeto@hotmail.com
| E-MAIL: fernandowobeto@gmail.com
| Desenvolvedor Web
|--------------------------------------------------|
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)