Ir para conteúdo

POWERED BY:

Arquivado

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

ffgabriel

[Resolvido] Slide Show de Texto

Recommended Posts

Opa, beleza galera?

 

estou precisando de um script, mais n to conseguindo encontar, eu to encontrando apenas Slide Show de imagens com texto,

estou precisando de um Slide Show tipo o desta imagem abaixo:

 

 

onde o usuario clica nos botoes anterior e proximo, e se possivel um pause,

 

 

Imagem Postada

 

 

Obrigado galera !! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

eae cara..tive que fazer um script desse um tempo atraz segue...

 

<script>
var  pos = 0;
var text;
var proc = null;

text = new Array();
text[0] = "teste otata";
text[1] = "123 testando";
text[2] = "mais um teste";

function proxima(){
	if(this.pos == text.length - 1){
		document.getElementById("texto").innerHTML = text[0];
		this.pos = 0;
	}else{
		document.getElementById("texto").innerHTML = text[pos + 1];
		this.pos++;
	}
}
function anterior(){
	if(pos == 0){
	   document.getElementById("texto").innerHTML = text[text.length - 1];
		this.pos = text.length -1;
	}else{
		document.getElementById("texto").innerHTML = text[this.pos - 1];
		this.pos--;
	}	
}
function initInterval(func){
	clearInterval(this.proc);
	this.proc = setInterval(func,"2000");
}
function pausar(){
	clearInterval(this.proc);
}

</script>

<div>
	<label id="texto" style="font-weight : bold;">teste otata</label>
</div>
<a onClick="anterior();initInterval(anterior);" >Anterior</a>
<a onClick="pausar();" >Pausar</a>
<a onClick="proxima();initInterval(proxima);" >Proxima</a>

ai você troca os textos de proximo e tal por imagens..

 

t+

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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