Widget com imagens random

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

Resolvido Widget com imagens random

Mensagem por Aesthesys em 13/06/14, 03:45 pm

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, 04:06 pm, editado 1 vez(es)
avatar

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

Resolvido Re: Widget com imagens random

Mensagem por Kyo Panda em 13/06/14, 04:03 pm

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
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

Resolvido Re: Widget com imagens random

Mensagem por Aesthesys em 13/06/14, 04:16 pm

Deu certo! Não sei como agradecer!


Muuuuuuuuuuuuuuito obrigado pela grande força. Muito feliz

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

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

Resolvido Re: Widget com imagens random

Mensagem por Kyo Panda em 13/06/14, 04:28 pm

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

avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

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

- Tópicos similares

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