Widget com imagens random

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. ^^

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.

Deu certo! Não sei como agradecer!


Muuuuuuuuuuuuuuito obrigado pela grande força.

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

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.