Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

maktub

Tela

Por , em Javascript

Recommended Posts

maktub    0

maktub
Postado

Olá galera, tenho um código que fará a ponte de transição de informações, é um pouco parecido com aquela telinha no IG, Terra etc que fica passando noticias manjam?

To com um problema, não consigo fazer com que os textos passem do 1 para o 2 do 2 para o 3 e assim por diante automaticamente e quando chegar no final faça o loop mostrando as informações/imagens automaticamente desde o começo de novo, segue o código:

 

 

 

<html><head><title>Destaques</title><style type="text/css"><!--.fora{width: 300px;height: 150px;border: #0099cc 1px Solid;padding: 10px;}.i_esq{width: 135px;height: 130px;border: #000000 1px Solid;float: left;}.i_dir{width: 135px;height: 130px;border: #000000 1px Solid;}--></style><script language="JavaScript" type="text/javascript"><!--imagens = new Array();textos = new Array();imagens[0] = '<img src="imagens/imagem1.gif" width="130px" height="60px">';imagens[1] = '<img src="imagens/imagem2.gif" width="130px" height="60px">';imagens[2] = '<img src="imagens/imagem3.gif" width="130px" height="60px">';imagens[3] = '<img src="imagens/imagem4.gif" width="130px" height="60px">';textos[0] = 'Fernando Costa Migliorini';textos[1] = 'bla bla bla bla bla bla bla bla bla';textos[2] = 'o rato roeu a roupa do rei de roma';textos[3] = 'Italia Italy Italia Italy Italia Italy Italia Italy Italia Italy';cont = 0;function muda(){	cont++;   if (cont == 4){	   cont = 0;   }	document.getElementById('esq').innerHTML = imagens[cont];	document.getElementById('dir').innerHTML = textos[cont];}//--></script></head><body><div align="center" class="fora" style="width: 147px; height: 150px"><div id="esq" class="i_esq" style="width: 130px; height: 60px"><script> document.write(imagens[0]); </script></div><div id="dir" class="i_dir" style="width: 130px; height: 78px"><script> document.write(textos[0]); </script></div><a onclick="muda();" onmouseover="style.cursor= 'pointer';">Próximo</a></div></body></html>

 

Help!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fleury    3

Fleury
Postado 

<a href="java script: muda();">Próximo</a>

deve ser isso.

 

F.

Compartilhar este post

Link para o post
Compartilhar em outros sites

maktub    0

maktub
Postado

Fala Fleury,

 

Não era bem isso, o Fercosmig me passou a dica, é assim:

 

function teste(){	setTimeout("muda()",3000);}

esse ai vai no final do código

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fleury    3

Fleury
Postado

Como diz na rádio Itatiaia, "Uma coisa é uma coisa, outra coisa é outra coisa" (fantástico não!?)Mas então, o que te passei, é para mudar a cada clique no botão próximo.Usando o setTimeout, a mudança ocorre por periodicamente e automaticamente sem ter de clicar em nada.Realmente eu não prestei muita atenção no que você tinha pedido e o que fiz foi consertar o código que você tinha postado.Mas com o botão Próximo também funciona, só que é bem menos prático =xDe qualquer forma tá aí de exemplo.AbraçosF.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito