slideshow fade

**kikysc** · 16-03-2008, 13:05

Ciao ragazzi,
ho bisogno di un vostro aiuto devo realizzare un "slide show" effetto fade.
Ho cercato nel sito e ho trovato questo esempio slide show.
ora il passaggio di foto è perfetto deve partire in automatico, ma ho bisogno che la rotazione delle immagini possa essere effettuata anche manualmente come in questo esempio.
Quindi riassumendo le slide partono manualmente e posso cliccare su "previous" e "next" per scorrere le immagini manualmente.

Ci ho provato ma penso di aver fatto un gran casino:

codice:

var slideShowSpeed = 3000

var crossFadeDuration = 1

var Pic = new Array()

Pic[0] = 'img/rotation/01.jpg'
Pic[1] = 'img/rotation/02.jpg'
Pic[2] = 'img/rotation/03.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)
}



function chgImg() {
if (document.all) {
document.images.SlideShow()
if (j > p) {
j= 0;
}
if (j < 0) {
j = p;
}

Aiutatemi se potete!!!

Grazie

**skorpions** · 16-03-2008, 14:21

Originariamente inviato da kikysc
Ciao ragazzi,
ho bisogno di un vostro aiuto devo realizzare un "slide show" effetto fade.
Ho cercato nel sito e ho trovato questo esempio slide show.
ora il passaggio di foto è perfetto deve partire in automatico, ma ho bisogno che la rotazione delle immagini possa essere effettuata anche manualmente come in questo esempio.
Quindi riassumendo le slide partono manualmente e posso cliccare su "previous" e "next" per scorrere le immagini manualmente.

Ci ho provato ma penso di aver fatto un gran casino:

codice:

var slideShowSpeed = 3000

var crossFadeDuration = 1

var Pic = new Array()

Pic[0] = 'img/rotation/01.jpg'
Pic[1] = 'img/rotation/02.jpg'
Pic[2] = 'img/rotation/03.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)
}



function chgImg() {
if (document.all) {
document.images.SlideShow()
if (j > p) {
j= 0;
}
if (j < 0) {
 j = p; 
}

Aiutatemi se potete!!!

Grazie

j++; credo...

cmq io farei in 1 altro modo...

Codice PHP:


function chgImg() {

clearInterval(t);

runSlideShow();

}

**kikysc** · 16-03-2008, 14:38

Sbaglio sicuramente, ho corretto come suggerito:

codice:

function chgImg() { 
clearInterval(t); 
runSlideShow(); 
if (j > p) {
j= 0;
}
if (j < 0) {
 j = p; 
}

nell'html vado a mettere:

codice:

<body topmargin="0" marginheight="0" onLoad="runSlideShow()">
......
<td align="right">[img]previous.gif[/img]</td>
<td align="left">[img]next.gif[/img]</</td>
.......

ma non funziona, non mi scorrono nemmeno più le slide in automatico.

Discussione: slideshow fade

Strumenti discussione

Ricerca discussione

Visualizza

slideshow fade

Re: slideshow fade

slideshow fade

Permessi di invio