Widget com imagens random

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Widget com imagens random

Mensagem por Aesthesys 13.06.14 19:45

Olá,

Gostaria de saber como é que faço um Widget "ESSAS FAMAS..." deste tipo: http://trpg.forumeiros.com/

A imagem só muda quando atualizamos a página. Caso contrário, ela permanece estática.

Sou novo aqui e não manjo muita coisa, mas desde já agradeço. ^^


Última edição por Aesthesys em 13.06.14 20:06, editado 1 vez(es)
Aesthesys

Aesthesys
Novo Membro

Membro desde : 13/06/2014
Mensagens : 14
Pontos : 24

http://caelum-project.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com imagens random

Mensagem por Kyo Panda 13.06.14 20:03

Olá,

Adicione isso a um novo Widget:

Código:
<script type="text/javascript">
  var texts;

  texts = []

  texts.push('<img src="link-da-imagem-1" /><br /><center>Título 1</center><br /><br />Descrição da imagem 1');
  texts.push('<img src="link-da-imagem-2" /><br /><center>Título 2</center><br /><br />Descrição da imagem 2');

  document.write(texts[Math.floor(Math.random() * texts.length)]);
</script>

Veja nesta parte:

Código:
texts.push('<img src="link-da-imagem-1" /><br /><center>Título 1</center><br /><br />Descrição da imagem 1');

Para cada imagem / texto, você terá que adicionar mais um desses no código. Logo, com cinco imagens, o código ficaria:

Código:
<script type="text/javascript">
  var texts;

  texts = []

  texts.push('<img src="link-da-imagem-1" /><br /><center>Título 1</center><br /><br />Descrição da imagem 1');
  texts.push('<img src="link-da-imagem-2" /><br /><center>Título 2</center><br /><br />Descrição da imagem 2');
  texts.push('<img src="link-da-imagem-3" /><br /><center>Título 3</center><br /><br />Descrição da imagem 3');
  texts.push('<img src="link-da-imagem-4" /><br /><center>Título 4</center><br /><br />Descrição da imagem 4');
  texts.push('<img src="link-da-imagem-5" /><br /><center>Título 5</center><br /><br />Descrição da imagem 5');

  document.write(texts[Math.floor(Math.random() * texts.length)]);
</script>

Qualquer dúvida é só falar.

Abraços. Feliz
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com imagens random

Mensagem por Aesthesys 13.06.14 20:16

Deu certo! Não sei como agradecer!


Muuuuuuuuuuuuuuito obrigado pela grande força. Muito feliz

Existe algum modo de eu pontuá-lo, pela resposta?
Aesthesys

Aesthesys
Novo Membro

Membro desde : 13/06/2014
Mensagens : 14
Pontos : 24

http://caelum-project.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Widget com imagens random

Mensagem por Kyo Panda 13.06.14 20:28

Para falar a verdade, você já o fez, marcando a melhor resposta. XD

Estarei marcando a resposta como resolvido e a arquivando. Na próxima, ao ter a resposta solucionada, clique no botão resolvido (um verde, ao lado do responder), pois isso ajuda muito na organização do fórum.

Abração. Feliz

Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos