Widget com imagens random

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

Atendido / Resolvido Widget com imagens random

Mensagem por Aesthesys em 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
Nível 2

Masculino
Inscrito dia : 13/06/2014
Mensagens : 14
Pontos Ativos : 24

Ver perfil do usuário http://caelum-project.forumeiros.com/forum

Atendido / Resolvido Re: Widget com imagens random

Mensagem por Kyo Panda em 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
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos Ativos : 5934

Ver perfil do usuário https://ajuda.forumeiros.com

Atendido / Resolvido Re: Widget com imagens random

Mensagem por Aesthesys em 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
Nível 2

Masculino
Inscrito dia : 13/06/2014
Mensagens : 14
Pontos Ativos : 24

Ver perfil do usuário http://caelum-project.forumeiros.com/forum

Atendido / Resolvido Re: Widget com imagens random

Mensagem por Kyo Panda em 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
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4641
Pontos Ativos : 5934

Ver perfil do usuário https://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum