Ir para conteúdo

POWERED BY:

Arquivado

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

AntonioAngelo

[Resolvido] Colocar imagem que muda a cada refresh

Por , em Javascript

Recommended Posts

AntonioAngelo    0

AntonioAngelo
Postado

Boas meus amigos,

Estou com uma dúvida para o site dos Bombeiros http://www.bvaljezur.pt/.

Tenho várias imagens (animações) para aparecer no mesmo sitio do site (o que fazer em caso de...), mas queria que elas alternassem quando se faz um refresh ou visializa-se o site novamente por exemplo.

Por favor Ajudem, mas digo -vos já que não tenho grande experiencia como podem ver pelo site não é nada de especial mas é feito com todo o gosto para mostrar ao "mundo" os Bombeiros a que pertenco.

Desde já agradeço a ajuda de todos que é sempre bem recebida

 

Um grande obrigado e bem ajam pessoas que estão disposta a judar o proximo sem esperar algo em troca

 

Bombeiros Aljezur

 

Antonio Angelo

Compartilhar este post

Link para o post
Compartilhar em outros sites

GabrielFerrari    41

GabrielFerrari
Postado

Com HTML acho que não é possível.

Mas criar um random de imagens não é difícil.

 

<script language="JavaScript">
<!--
/*
Random Image Link Script
By Website Abstraction (http://www.wsabstract.com)
and Java-scripts.net (http://www.java-scripts.net)
*/

function random_imglink(){
  var myimages=new Array()
//Aqui você coloca as fotos que quer adicionar
  myimages[1]="img1.gif"
  myimages[2]="img2.gif"
  myimages[3]="img3.gif"


  var ry=Math.floor(Math.random()*myimages.length)

  if (ry==0)
     ry=1
     document.write('<a href='+'"'+imagelinks[ry]+'"'+'><img src="'+myimages[ry]+'" border=0></a>')
}

  random_imglink()
//-->
</script>

 

Se quiser por mais fotos basta adicionar mais linhas:

 

myimages[1]="img1.gif"

myimages[2]="img2.gif"

myimages[3]="img3.gif"

myimages[4]="img4.gif"

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Tópico movido:

 

Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript / DHTML

 

Você pode fazer assim:

 

function rotativo(){ //Cria a função "rotativo"
	var imagens = new Array() //Cria uma array
	imagens[0]="SUA_IMAGEM_AQUI.jpg" //Elemento ZERO, imagem UM » COLOQUE O CAMINHO DE SUA IMAGEM
	imagens[1]="SUA_IMAGEM_AQUI.png" //Elemento UM, imagem DOIS » COLOQUE O CAMINHO DE SUA IMAGEM
	imagens[2]="SUA_IMAGEM_AQUI.gif" //Elemento DOIS, imagem TRÊS » COLOQUE O CAMINHO DE SUA IMAGEM
	
	var rodando = Math.floor(Math.random()*imagens.length); //Cria a var "rodando" e ela vai gerar um número aleatória de acordo com a quantidade de imagens
	document.write('<div><img src="'+imagens[rodando]+'"></div>'); //Escreve no HTML o caminho da imagem aleatória.
} //Termina função "rotativo"

rotativo(); //Executa função "rotativo"

Veja os comentários e entenderá. ;)

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

AntonioAngelo    0

AntonioAngelo
Postado

Tópico movido:

 

Webstandards: CSS / XML / XHTML / HTML http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript / DHTML

 

Você pode fazer assim:

 

function rotativo(){ //Cria a função "rotativo"
	var imagens = new Array() //Cria uma array
	imagens[0]="SUA_IMAGEM_AQUI.jpg" //Elemento ZERO, imagem UM » COLOQUE O CAMINHO DE SUA IMAGEM
	imagens[1]="SUA_IMAGEM_AQUI.png" //Elemento UM, imagem DOIS » COLOQUE O CAMINHO DE SUA IMAGEM
	imagens[2]="SUA_IMAGEM_AQUI.gif" //Elemento DOIS, imagem TRÊS » COLOQUE O CAMINHO DE SUA IMAGEM
	
	var rodando = Math.floor(Math.random()*imagens.length); //Cria a var "rodando" e ela vai gerar um número aleatória de acordo com a quantidade de imagens
	document.write('<div><img src="'+imagens[rodando]+'"></div>'); //Escreve no HTML o caminho da imagem aleatória.
} //Termina função "rotativo"

rotativo(); //Executa função "rotativo"

Veja os comentários e entenderá. ;)

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Boas amigo Thiago Retondar,

Desde já peço desculpa por ter colocado a questão no local errado.

de seguida quero agradecer-lhe por ter respsondido a minha duvida, o problema é que eu sou mesmo muita "BURRO" e não sei como fazer os passos que aqui me coloca, pelo que vi era isto mesmo que eu tanto ambicionava colocar no site.

Se me poder ajudar a colocar isto no site agradecia-lhe muito.

Eu utilizo para trabalhar o dreamwever 8 e trabalho com tela disener pois codigos para mim é complicado.

Agradeço toda a ajuda que possa dispender para ajudar a realizar este objectivo.

 

Mais uma vez muito obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

AntonioAngelo    0

AntonioAngelo
Postado

Amigo Thiago Retondar,

 

Já tentei varias vezes e não consigo por isto a funcionar vou tentar explicar as minhas duvidas iniciais:

1º Onde é que meto este codigo todos no local onde quero que as imagens apareçam ou noutro local.

2º O caminho da imagens é no meu caso estes não sei se é assim "...imagens/oquefazerem/EAM.gif" ou coloco somente "EAM.gif" para a imagens[0]

3º No var rodando tenho que colocar algum numero entre ()para escolher a imagem aliatoria.

4º Por ultimo por agora onde é que eu coloco esta parte do texto e o que tenho que escrever qual a imagem aliatoria a primeira[0] ou outra qualquer ('<div><img src="'+imagens[rodando]+'"></div>'); //Escreve no HTML o caminho da imagem aleatória.

} //Termina função "rotativo"

Desculpa estar a chatear mas é que eu sou mesmo "BURRO"

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

[1] - Você pode colocar dentro da tag <script type="text/javascript">CÓDIGO JAVASCRIPT</script>, ou salvar o código em um arquivo .js e chamar por meio de <script type="text/javascript" src="pasta/sub-pasta/bláblá/arquivo.js></script>.

 

[2] - Basta fazer assim:

imagens[0]="imagens/oquefazerem/EAM.gif";
imagens[0]="imagens/oquefazerem/EAM2.gif"; //Exemplo de outra image, e assim em diante.

[3] - Não. Nesse caso é só copiar meu código e apenas substituir as imagens, podendo adicionar mais.

 

[4] - Esse código é para deixar aí mesmo. ;) É ele que vai puxar a imagem aleatória e montar o HTML. ^_^

 

Desculpa estar a chatear mas é que eu sou mesmo "BURRO"

Que isso, cara. No começo agente não entende muito mesmo. Estou no comecinho também. ;)

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

AntonioAngelo    0

AntonioAngelo
Postado

Bom dia

Amigo Thiago Retondar

 

Vou explicar o que fiz e se calhar tudo mal:

 

1º criei um ficheiro no dreamewer com o nome "imagensrodando.js" e coloquei o codigo que esta em baixo e gravei.

function rotativo(){

var imagens = new Array()

imagens[0]="/Imagens/destaques/o_que_fazer_em_caso/acidente.gif"

imagens[1]="/Imagens/destaques/o_que_fazer_em_caso/avc.gif"

imagens[2]="/Imagens/destaques/o_que_fazer_em_caso/EAM.gif"

imagens[3]="/Imagens/destaques/o_que_fazer_em_caso/hemorragia.gif"

 

var rodando = Math.floor(Math.random()*imagens.length);

}

 

2º De seguida no local onde queria que as imagens fossem aparerendo coloquei o seguinte codigo

 

<td class="texto18"><div><img src="imagensrodando.js"></div></td>

 

Mas não dá nada o que estou fazendo mal???

 

Obrigada por estares a ajudar, somente agora é que tive tempo para perder mais um pouco de tempo com a internet pois esteve a combater um incendio a noite toda e somente agora é que estou a descansar, mas gostava de conseguir colocar as imagens a rodar no site para poder descansar completamente para mais uma noite de trabalho duro no combate aos incendios

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Faça somente esse código:

 

function rotativo(){
        var imagens = new Array()
        imagens[0]="/Imagens/destaques/o_que_fazer_em_caso/acidente.gif"
        imagens[1]="/Imagens/destaques/o_que_fazer_em_caso/avc.gif"
        imagens[2]="/Imagens/destaques/o_que_fazer_em_caso/EAM.gif"
        imagens[3]="/Imagens/destaques/o_que_fazer_em_caso/hemorragia.gif"
        
        var rodando = Math.floor(Math.random()*imagens.length);
        document.write('<td class="texto18"><div><img src="'+imagens[rodando]+'"></div></td>');
}

rotativo(); // NÃO TIRE ISSO

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

AntonioAngelo    0

AntonioAngelo
Postado

Caso queira e possa me passar os arquivos

Tento inserir isso para você e deixo os comentário para que possa entender.

 

Boas amigo, Thelon

 

Se poder ajudar agradeço e muito,posso disponabilizar todos os ficheiros para tal peço que aceda ao site dos Bombeiros e clique na imagem o que fazer em caso... e pode descarregar os ficheiros que pertendo colocar bm como o ficheiro em .JS

http://www.bvaljezur.pt/

Obrigada pela ajuda

Compartilhar este post

Link para o post
Compartilhar em outros sites

AntonioAngelo    0

AntonioAngelo
Postado

Faça somente esse código:

 

function rotativo(){
        var imagens = new Array()
        imagens[0]="/Imagens/destaques/o_que_fazer_em_caso/acidente.gif"
        imagens[1]="/Imagens/destaques/o_que_fazer_em_caso/avc.gif"
        imagens[2]="/Imagens/destaques/o_que_fazer_em_caso/EAM.gif"
        imagens[3]="/Imagens/destaques/o_que_fazer_em_caso/hemorragia.gif"
        
        var rodando = Math.floor(Math.random()*imagens.length);
        document.write('<td class="texto18"><div><img src="'+imagens[rodando]+'"></div></td>');
}

rotativo(); // NÃO TIRE ISSO

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

 

Amigo,Thiago Retondar,

Não consegui coloquei este codigo no ficheiro js mas não deu nada.

Se pertender pode aceder ao site dos bombeiros http://www.bvaljezur.pt/ e clicar na imagem o que fazer em caso de... e descarregar as imagens e o ficheiro para ver o que estou a fazer mal

Muito mas mesmo muito obrigado por me ajudar

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Olhe esse arquivo e analise com o seu http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://rapidshare.com/files/263688422/imasters.rar.html

 

No HTML - dentro da tag <head> - coloque assim:

 

<script type="text/javascript" src="imagensrodando.js"></script>

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

AntonioAngelo    0

AntonioAngelo
Postado

Olhe esse arquivo e analise com o seu http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://rapidshare.com/files/263688422/imasters.rar.html

 

No HTML - dentro da tag <head> - coloque assim:

 

<script type="text/javascript" src="imagensrodando.js"></script>

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Obrigado, mas mesmo muito obrigado amigo Thiago Retondar,

Valeu, sem o teu empenho e dedicação seria impossivel colocar as imagens no site, ficou como eu imaginava.

Mais uma vez o meu muito obrigado dem Ajam pessoas como tu, sempre disposta a ajudar quem não sabe nada.

Eu bem avisei que era mesmo "BURRO".

Atenciosamente deste teu amigo

 

Antonio Angelo

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