Le transizioni di pagina consentono di visualizzare effetti simili ad alcuni cambi immagine televisivi. In altre parole la pagina richiamata non è immeditamente visualizzata, ma preceduta da effetti di vario tipo, quali dissolvenze e altre presentazioni.
Le transizioni si attivano esclusivamente quando si accede alla pagina da un altro documento o in alternativa quando si esce dalla pagina per visualizzarne un'altra. Quindi premendo il tasto aggiorna del browser, questo non sortira' alcun effetto, ma sara' necessario tornare alla pagina precedente e cliccare nuovamente sul link.
Gli effetti di transizioni possono essere in entrata (page-enter) o in uscita (page-exit) di pagina.
Il codice va inserito tra i tag <HEAD> e consente 23 diversi effetti. Negli esempi che seguono e' stato impostato il valore "Page enter" per cui gli effetti si producono all'entrata della pagina. Questi gli effetti disponibili:

Box in
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=0)">

Box out
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=1)">

Circle in
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=2)">

Circle out
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=3)">

Wipe up
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=4)">

Wipe down
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=5)">

Wipe right
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=6)">

Wipe left
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=7)">

Vertical blinds
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=8)">

Horizontal blinds
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=9)">

Checkerboard across
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=10)">

Checkerboard down
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=11)">

Random dissolve
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=12)">

Split vertical in
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=13)">

Split vertical out
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=14)">

Split horizontal in
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=15)">

Split horizontal out
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=16)">

Strips left down
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=17)">

Strips left up
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=18)">

Strips right down
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=19)">

Strips right up
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=20)">

Random bars horizontal
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=21)">

Random bars vertical
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=22)">

Random
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=23)">

Per ottenere degli effetti simili in uscita dalla pagina è sufficiente sostituire a "page-enter" la dicitura "page-exit".
Un'ultima avvertenza riguarda l'impossibilita' di usare le transizioni in pagine divise in frame, o per meglio dire all'interno dei singoli frameset. Se, infatti, il tag viene inserito nel file principale del frame (quello che costruisce e imposta i vari frameset) gli effetti si producono, mentre questo non accade nei singoli frameset. La spiegazione di questo, che a prima visto potrebbe apparire come un bug, e' nella constatazione che gli effetti di transizioni si producono sull'intera schermata del browser e non su una singola parte di esso (questo spiega anche il perchè' ho dovuto linkare la pagina con gli effetti di transizione con un target "_blank" (apertura di una nuova copia del vostro browser e quindi non direttamente nel frame).


Torna indietroControlli del cursore        Filtri su immaginiVai all'argomento successivo