/* Questa variabile indica il tempo che deve passare tra un cambio d'immagine e l'altro espresso in millisecondi (1000 = 1 secondo) */ var slideShowSpeed = 2500 /* Questa stringa indica la durata dell'effetto "crossfade" (in secondi) */ var crossFadeDuration = 3 /* Questi sono gli Array che conterranno le immagini da visualizzare. Se ne possono aggiunger anche di più rispettando il numero progressivo tra le parentesi quadre */ var Pic = new Array() Pic[0] = 'mini_0.gif' Pic[1] = 'mini_1.gif' Pic[2] = 'mini_2.gif' Pic[3] = 'mini_3.gif' Pic[4] = 'mini_4.gif' Pic[5] = 'mini_5.gif' 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) } /* NB. Nel tag body, invece, deve essere inserito il gestore di eventi onLoad in questo modo: Ora, si deve inserire in un punto della pagina, la tabella che conterrà le immagini:

Potete modificare la tabella nei punti: height=100 width=100 sono le misure della tabella che conterrà le immagini img src="mini_0.gif" indica la prima immagine da visualizzare nello slideshow width=100 height=100 i valori che indicano la lunghezza e l'altezza delle immagini. */