Ir para conteúdo

POWERED BY:

Arquivado

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

Djgilrj

[Resolvido] Imagens aleatorias com links e texto!

Por , em Javascript

Recommended Posts

Djgilrj    0

Djgilrj
Postado

Olá pessoal! sou novo aqui e portanto se estiver fazendo algo errado me perdoem!

 

Possuo um codigo para criar imagens aleatorias na pagina que não esta me atendendo em 100% e porisso to aqui. preciso de um codigo para jogar na minha pagina inicial varias (ilimitadas)imagens e elas troquem sempre de lugar no refresh, porem não se repitam na mesma pagina. E que cada uma possua seu proprio link e texto. certo?

 

o que possuo é esse abaixo...na verdade ele ate faz oque quero...porem so consigo jogar uma imagem, porque se eu repetir o "document.write" ele repete sempre a mesma imagem.

 

No aguardo e desde ja agradeço!Obrigado

 

 

 

<html>
<body>

<script Language="Javascript">
hoje = new Date()
numero_de_imagens = 4
segundos = hoje.getSeconds()
numero = segundos % numero_de_imagens
if (numero == 0){
banner = "imagem01.jpg"
texto = "Texto"
link = "pag.htm"
}
if (numero == 1){
banner = "imagem02.jpg"
texto = "Texto"
link = "pag.htm"
}
if (numero == 2){
banner = "imagem03.jpg"
texto = "Texto"
link = "pag.htm"
}
if (numero == 3){
banner = "imagem04.jpg"
texto = "Texto"
link = "pag.htm"
}
document.write('<a href="' + link + '"><img src="' + banner + '" border=0><br>' + texto + '</a>') 
</script></td>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

JCMais    75

JCMais
Postado

Não use document.write, use o metódo innerHTML que qualquer elemento do DOM possui. Ou crie os teus elementos através document.createElement() e use ometódo appendChild para adicioná-los à outro elemento.

 

Para o que você precisa, siga este raciocinio:

 

  1. Crie uma array
  2. Cada item dessa array vai ser um objeto, contendo as propriedades src, link e texto.
  3. Aleatoriamente, selecione um indice dessa Array
  4. Pegue o elemento da Array que possui este indice, isso vai te retornar o objeto contendo os dados necessários para montar a tua imagem.
  5. Depois de montar a tua imagem, adicione ela ao elemento desejado.
  6. Remova o objeto selecionado anteriormente da Array usando o metódo splice.
  7. Repita o 3° passo até acabar os elementos da Array

 

Qualquer dúvida ao elaborar o código, pode postar. :thumbsup:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Djgilrj    0

Djgilrj
Postado

Olá JCMais.

 

Passei a manha tentando e nada... quando consigo imprimir varias imagens, elas são todas iguais. Ta dificil

 

De qualquer forma agradeço...mas se tiver mais alguma dica vai ser bem vinda! abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

JCMais    75

JCMais
Postado

Qual o código que você tem até agora? Onde é sua dúvida? Implementou até que parte do que eu repassei?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Djgilrj    0

Djgilrj
Postado

Vlw JCMais finalmente consegui! com suas dias deu uma boa clareada aqui!

 

to acabando aqui e ate vou colar pra quem quiser! Abraço

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