SlideShow con effetto crossfade

[pariri]

Ciao!

Ho questo slideshow:

var foto=new Array()
var which=0

foto[0]="foto/e01.jpg"
foto[1]="foto/e02.jpg"
function backward(){
if (which>0){
window.status=''
which--
document.images.fotoslider.src=foto[which]
}
}
function forward(){
if (which<foto.length-1){
which++
document.images.fotoslider.src=foto[which]
}
}


e vorrei che fosse con un effeto crossfade.
In realtà ci sono script con questo effetto però sono in automatico e la cosa che voglio sarebbe che uno clicca, passa alla prossima foto però con l'effetto!


Grazie.

[Xinod]

con IE puoi provare a prendere spunto da questo esempio interattivo
ciao

[pariri]

Grazie Xinod, però vorrei, se possibile, andare avanti con questo che ho perché va bene sia con IE che con NS. Quello che mi hai dato funziona solo per IE.
Sarebbe , allora possibile aggiungere una modifica nel mio, ossi un effetto fade?
Il problema è che non capisco milto bene di JS!

Grazie.

[Xinod]

no, i filtri e le transizioni sono state introdotte da IE e sono supportati solo da questo browser,
mozilla (quindi anche NN6+) suporta solo un filtro, chiamato moz-opacity, anche se personalmente non trovo la moz-opacity molto affidabile (ho notato che fa scherzi)

cmq non è cosa che si fa in 2 minuti,
la soluzione che ti ho prospettato nel link (transizioni)
agisce sullo stesso elemento (span) al cambio del contenuto,
con un animazione implicita nella transizione,
se vuoi renderlo compatibile devi usare i filtri (che sono normalmente statici), e non le transizioni, e animarli via script
quindi devi avere 2 immagini, in posizionamento assoluto e sovrapposte
...

[pariri]

Ok! Grazie.