Widget com imagem rotatória

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

Resolvido Widget com imagem rotatória

Mensagem por Hagatsune em 02/02/16, 07:16 pm

Fórum: Valkyrie RPG
Tipo: PHPBB3

Meu chrome está sumindo com o formulário... Peço desculpas.

Oi, atualmente eu estou usando este código:

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

  texts = []

  texts.push('<img src="http://i.imgur.com/443CCFT.png" /><br /><center>Nome: Ryuki</center><br /><br />Lutador');
  texts.push('<img src="http://i.imgur.com/qOlr6Yi.png" /><br /><center>Nome: Hauk</center><br /><br />Ladino');
  texts.push('<img src="http://i.imgur.com/1k8Qf73.png" /><br /><center>Nome: King</center><br /><br />Espadachim');

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

Porém eu gostaria que as imagens rodassem, por exemplo, aparece a imagem 1, depois de um tempo a imagem 2 e assim por diante. Não me adianta muito elas serem randow quando se recarrega a página. As imagens para serem utilizadas estão presentes no código acima.
avatar

Hagatsune
Nível 5

Feminino
Inscrito dia : 19/06/2014
Mensagens : 51
Pontos Ativos : 77

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

Resolvido Re: Widget com imagem rotatória

Mensagem por Hagatsune em 04/02/16, 12:26 am

up
avatar

Hagatsune
Nível 5

Feminino
Inscrito dia : 19/06/2014
Mensagens : 51
Pontos Ativos : 77

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

Resolvido Re: Widget com imagem rotatória

Mensagem por Hagatsune em 07/02/16, 02:17 am

up
avatar

Hagatsune
Nível 5

Feminino
Inscrito dia : 19/06/2014
Mensagens : 51
Pontos Ativos : 77

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

Resolvido Re: Widget com imagem rotatória

Mensagem por Rafael em 07/02/16, 09:55 am

Olá!

Use este código:
Código:
<marquee><img src="http://i.imgur.com/443CCFT.png" /><img src="http://i.imgur.com/qOlr6Yi.png" /><img src="http://i.imgur.com/1k8Qf73.png" /></marquee>

Até mais.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Widget com imagem rotatória

Mensagem por Hagatsune em 08/02/16, 12:55 am

Ficou bom, mas não tem como fazer a imagem parar quando passar o mouse por cima?
avatar

Hagatsune
Nível 5

Feminino
Inscrito dia : 19/06/2014
Mensagens : 51
Pontos Ativos : 77

Ver perfil do usuário http://valkyrierpg.forumeiros.com/
  • 0

Resolvido Re: Widget com imagem rotatória

Mensagem por Rafael em 08/02/16, 09:47 am

Olá!

Tem sim, troque o código por este:

Código:
<marquee onmouseover="this.stop();" onmouseout="this.start();"><img src="http://i.imgur.com/443CCFT.png" /><img src="http://i.imgur.com/qOlr6Yi.png" /><img src="http://i.imgur.com/1k8Qf73.png" /></marquee>

Até mais.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

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

Resolvido Re: Widget com imagem rotatória

Mensagem por Hagatsune em 08/02/16, 11:12 pm

deu certo, muito obrigado =D
avatar

Hagatsune
Nível 5

Feminino
Inscrito dia : 19/06/2014
Mensagens : 51
Pontos Ativos : 77

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

Resolvido Re: Widget com imagem rotatória

Mensagem por Rafael em 08/02/16, 11:30 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.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