Time em um slideshow

[marcus_du 1]

Olá amigos,

 

É o seguinte, estou precisando de um slide show com tempo e efeito fade para um site de um cliente...

... Só que eu só encontrei um slideshow sem o efeito e sem o time, ou seja ele fica parado esperando o usuário do site clicar em próxima...

 

Teria como vocês me ajudarem quanto a isto, segue abaixo o script:

 

<script language="javascript" type="text/javascript">
<!--
var Slide = new Array("foto/24.jpg", "foto/25.jpg", "foto/26.jpg");
var indSlide = 0;
var ultSlide = Slide.length -1;
// Função controla a seqüência de slides.
function MostraSlide(direcao){
   indSlide = indSlide + direcao;
   if(indSlide > ultSlide){indSlide = 0};
   if(indSlide < 0) {indSlide = ultSlide};
   document.FigSlide.src = Slide[indSlide];
}
//-->
</script>

Agradeço desde já pela ajuda.

[Leo Almeida 0]

Ola marcus_du,

 

A mesma função que o usuário clica, você tem que colocar em um "intervalo"...

 

é só você colocar no onLoad da página o java script:

setInterval('MostraSlide(1)',5000);

onde está 5000, você pode substituir pelo tempo que você achar melhor...

(1000 = 1 segundo)

[marcus_du 1]

Ola marcus_du,

 

A mesma função que o usuário clica, você tem que colocar em um "intervalo"...

 

é só você colocar no onLoad da página o java script:

setInterval('MostraSlide(1)',5000);

onde está 5000, você pode substituir pelo tempo que você achar melhor...

(1000 = 1 segundo)

Olá Leo,

 

Ok, obrigado pela atenção, mas me tira uma dúvida, efeito fade out é complicado fazer?

 

Abraço.

[marcus_du 1]

Olhem só, encontrei uma função para colocar o efeito "fadeout" no script, mas não está tendo o efeito, será algo de errado com o CSS?

 

Segue abaixo o script que acabei de incrementar

<script language="javascript" type="text/javascript">
<!--
var Slide = new Array("24.jpg", "25.jpg", "26.jpg");
var indSlide = 0;
var ultSlide = Slide.length -1;
function fadeOut(FigSlide, time) {
	target = document.getElementById(FigSlide);
	alpha = 100;
	timer = (time*1000)/50;
	var i = setInterval(
			function() {
				if (alpha <= 0)
					clearInterval(i);
				setAlpha(target, alpha);
				alpha -= 2;
			}, timer);
}
function setAlpha(target, alpha) {
	target.style.filter = "alpha(opacity="+ alpha +")";
	target.style.opacity = alpha/100;
}
// Função controla a seqüência de slides.
function MostraSlide(direcao){
   indSlide = indSlide + direcao;
   if(indSlide > ultSlide){indSlide = 0};
   if(indSlide < 0) {indSlide = ultSlide};
   document.FigSlide.src = Slide[indSlide];
}
//-->
</script>

Grande abraço...