[Resolvido] Slideshow em javascript

[zetto33 0]

Pessoal, me desculpem por postar isso, sei que é um assunto batido, mas peguei este script pronto, aqui no imasters, preciso repetí-lo(2X, ou mais vezes na mesma página), mas não sei quais nomes de variável, ou nomes de função, alterar.

 

obs. já alterei mais de 10X, mas não vai...

 

<script language="JavaScript" type="text/JavaScript">
 
 // Set slideShowSpeed (milliseconds)
 var slideShowSpeed = 6000 
 // 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] = 'foto1.jpg'
Pic[2] = 'foto2.jpg'
Pic[3] = 'foto3.jpg'
Pic[4] = 'foto4.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="foto1.jpg" name="SlideShow">
<script language="JavaScript" type="text/JavaScript">runSlideShow()</script>

Não sei o que é comando é o que é variável, elas estão todas declaradas, mas se fundem no código.

Para um analfabeto em javascript fica bem difícil de diferenciá-los...

http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

[klonder 14]

Esse é um script muito interesante, que mostra imagens em transição, definidas em:

Pic[1] = 'foto1.jpg'
Pic[2] = 'foto2.jpg'
Pic[3] = 'foto3.jpg'
Pic[4] = 'foto4.jpg'

Tinha que ver ao certo o que você queria:

1. Se são imagens diferentes (tamanho e nome diferentes em cada área do site);

2. Se o tempo de transição será o mesmo;

3. Se haverá reutilização do código (uso dos mesmos efeitos de transição).

[zetto33 0]

Vlw Klonder, mas devido a minha dificuldade resolvi usar um plugin do jQuery: http://malsup.com/jquery/cycle/ que facilitará o uso...

 

Abs