Ir para conteúdo

POWERED BY:

Arquivado

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

Inside

[Resolvido] Slide Show

Recommended Posts

Caros amigos,

 

preciso de uma ajuda. Não sei se estou pedindo demais. Mas existe algum javascript de Slide Show que eu possa dar Fade nas imagens mas com um tempo para começar e outro entre as imagens?

 

Tipo 20 segundos para começar e depois 5 de intervalo em cada foto?

 

É possível?

 

Obrigado pela atenção.

 

 

Ou então assim: Eu tenho um código de slide que tem tempo entre as fotos, é possível implantar um timer para começar nesse código?

 

Ai vai o código:

 

<script language="JavaScript" type="text/JavaScript">
 // (C) 2000 www.CodeLifter.com
 // http://www.codelifter.com
 // Free for all users, but leave in this  header
 // NS4-6,IE4-6
 // Fade effect only in IE; degrades gracefully
 
 // Set slideShowSpeed (milliseconds)
 var slideShowSpeed = 5000 
 // Duration of crossfade (seconds)
 var crossFadeDuration = 3
 
 // Specify the image files
 var Pic = new Array() // don't touch this
 // to add more images, just continue
 // the pattern, adding to the array below


Pic[1] = 'images/bg_02.jpg'
Pic[2] = 'images/bg_03.jpg'


 var t
 var j = 1
 var p = Pic.length
 var pos = j
 
 var preLoad = new Array()
 
 function preLoadPic(index)
 {
		 if (Pic[index] != ''){
				 window.status='Loading : '+Pic[index]
				 preLoad[index] = new Image()
				 preLoad[index].src = Pic[index]
				 Pic[index] = ''
				 window.status=''
		 }
 }
 
 function runSlideShow(){
	if (document.all){
			 document.images.SlideShow.style.filter="blendTrans(duration=2)"
				 document.images.SlideShow.style.filter= "blendTrans(duration=crossFadeDuration)"
	   document.images.SlideShow.filters.blendTrans.Apply()
		 }
		 document.images.SlideShow.src = preLoad[j].src
		 if (document.all){
			document.images.SlideShow.filters.blendTrans.Play()
		 }
		 
		 pos = j
 
		 j = j + 1
		 if (j > (p-1)) j=1
		 t = setTimeout('runSlideShow()', slideShowSpeed)
		 preLoadPic(j)
 }
 
 preLoadPic(j)

</script>

<img src="images/bg_01.jpg" name="SlideShow" width="780" height="496" border="0">

<script language="JavaScript" type="text/JavaScript">runSlideShow()</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

cara para você fazer esse tempo de inicio use na hora de chamar a função que faz o slide o setTimeout...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Consegui resolver.

 

A parte que era assim:

 

 

<script language="JavaScript" type="text/JavaScript">runSlideShow()</script>

 

Ficou assim:

 

 

<script language="JavaScript" type="text/JavaScript">

var runSlide
var slideShowTime = 15000

runSlide();
function runSlide() {
setTimeout("runSlideShow()", slideShowTime);
}

</script>

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.