Slide Show

[Inside]

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>

Editado Abril 23, 2009 por Inside