Slideshow su 3 immagini separate

**touchdesign** · 08-12-2006, 20:07

Ciao

ammetto che la programmazione non è il mio forte anzi...

non riesco ad applicare uno slideshow a 3 immagini in autonomia, "ignorantemente" ho provato a replicare lo script 3 volte cambiando il nome a slideshow solo che non mi funziona o meglio mi becca sempre e solo l'ultima funzione ...

potreste per favore darmi una mano? grazie

lo script che sto utilizzando è questo...

codice:

<script type="text/javascript" language="JavaScript">
<!--
var slideShowSpeed = 8000

var crossFadeDuration = 5

var Pic = new Array()

Pic[0] = '../images/immagine01.jpg'
Pic[1] = '../images/immagine02.jpg'

var t
var j = 0
var p = Pic.length

var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
}

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()
   }
   j = j + 1
   if (j > (p-1)) j=0
   t = setTimeout('runSlideShow()', slideShowSpeed)
}

//-->
</script>

<body onload="runSlideShow()">
[img]images/immagine01.jpg[/img] cambia con immagine02
[img]images/immagine03.jpg[/img] cambia con immagine04
[img]images/immagine05.jpg[/img] cambia con immagine06

**touchdesign** · 11-12-2006, 07:25

mmhhhh nessuno riuscirebbe a darmi una manina?

come mai i secondi per il cambiamento delle immagini vengono gestiti in maniera separata però le immagini che cambiano sono sempre le stesse

http://www.sequency.it/provascript/

posto lo scempio di codice

codice:

<script type="text/javascript" language="JavaScript">
<!--
var slideShowSpeed = 4000

var crossFadeDuration = 3

var Pic = new Array()

Pic[0] = 'images/tp_serbatoi_tubazioni_prfv.jpg'
Pic[1] = 'images/eu_grigliati_01.jpg'

var t
var j = 0
var p = Pic.length

var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
}

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()
   }
   j = j + 1
   if (j > (p-1)) j=0
   t = setTimeout('runSlideShow()', slideShowSpeed)
}

//-->
</script>

<script type="text/javascript" language="JavaScript">
<!--
var dueShowSpeed = 5000

var dueFadeDuration = 3

var Bic = new Array()

Bic[0] = 'images/tp_depurazione_aria.jpg'
Bic[1] = 'images/eu_grigliati_02.jpg'

var a
var b = 0
var c = Bic.length

var preLoad = new Array()
for (d = 0; d < c; d++){
   preLoad[d] = new Image()
   preLoad[d].src = Bic[d]
}

function runDueShow(){
   if (document.all){
      document.images.DueShow.style.filter="blendTrans(duration=2)"
      document.images.DueShow.style.filter="blendTrans(duration=dueFadeDuration)"
      document.images.DueShow.filters.blendTrans.Apply()      
   }
   document.images.DueShow.src = preLoad[b].src
   if (document.all){
      document.images.DueShow.filters.blendTrans.Play()
   }
   b = b + 1
   if (b > (c-1)) b=0
   a = setTimeout('runDueShow()', dueShowSpeed)
}

//-->
</script>

<script type="text/javascript" language="JavaScript">
<!--
var treShowSpeed = 6000

var treFadeDuration = 3

var Fic = new Array()

Fic[0] = 'images/tp_coperture_bacini_prfv.jpg'
Fic[1] = 'images/eu_grigliati.jpg'

var e
var f = 0
var g = Fic.length

var preLoad = new Array()
for (h = 0; h < g; h++){
   preLoad[h] = new Image()
   preLoad[h].src = Fic[h]
}

function runTreShow(){
   if (document.all){
      document.images.TreShow.style.filter="blendTrans(duration=2)"
      document.images.TreShow.style.filter="blendTrans(duration=treFadeDuration)"
      document.images.TreShow.filters.blendTrans.Apply()      
   }
   document.images.TreShow.src = preLoad[f].src
   if (document.all){
      document.images.TreShow.filters.blendTrans.Play()
   }
   f = f + 1
   if (f > (g-1)) f=0
   e = setTimeout('runTreShow()', treShowSpeed)
}

//-->
</script>

<body onLoad="runSlideShow();runDueShow();runTreShow()">
[img]images/tp_serbatoi_tubazioni_prfv.jpg[/img] ruota con eu_grigliati_01.jpg
[img]images/tp_depurazione_aria.jpg[/img] ruota con eu_grigliati_02.jpg
[img]images/tp_coperture_bacini_prfv.jpg[/img] ruota con eu_grigliati.jpg

Discussione: Slideshow su 3 immagini separate

Strumenti discussione

Ricerca discussione

Visualizza

Slideshow su 3 immagini separate

Re: Slideshow su 3 immagini separate

Permessi di invio