Aggiungere nuove transizioni a Scriptaculous

Non tutti lo sanno, forse, ma è possibile sovrascrivere o aggiungere le transizioni degli effetti di scriptaculous.js in modo estremamente semplice e rapido. Le transizioni di Scriptaculous, usate negli effetti per determinare il tipo di animazione, non sono implementate come quelle di Flash (consiglio di dare un’occhiata a questo PDF del grande Rober Penner), ma l’effetto finale è – di fatto – il medesimo. Inoltre, nel pacchetto Scriptaculous, non sono presenti alcune transizioni base presenti invence in Actionscript. Se volessimo aggiungere una nuova transizione a Scriptaculous basterà inserire questo codice prima di usare un qualunque effetto:

1
2
3
Effect.Transitions.exponential = function(pos) {
    return 1-Math.pow(1-pos,2);
}

Da questo momento in poi possiamo usare la nuova transizione exponential in tutti gli effetti di Scriptaculous. Per una serie di transizioni utili – quasi un porting da Actionscript a Scriptaculous – vedi Add some spice to Scriptaculous.