PTViewer: applett per visualizzare le immagini panoramiche

Con la versione di PTViewer 2.8 beta5, è possibile creare i propri menù dinamici semplicemente usando degli hotspot statici. Si possono creare menu che appaiono e scompaiono al click di un bottone ed è possibile creare bottoni che cambiano stato.

In questa spiegazione vengono forniti framenti di codice e pagine di esempio per ogni passaggio, in modo da rendere chiaro il significato di ogni funzione. Potete scaricare tutte le immagini usando il tasto destro del mouse e scegliendo "salva immagine con nome" qui. Con queste istruzioni dovrebbe risultare semplice ricreare un menù dinamico per le vostre esigenze.

Peri iniziare possiamo creare un bottone con una immagine rollover creata con due hotspot statici. I bottoni in questa fase non faranno nulla se cliccati , ma continueremo a lavorarci piu' avanti. Ecco e le due linee che definiscono gli hotspot statici per il bottone.

<param name="shotspot0" value="x0 y268 q i'OpenMenu.gif'">
<param name="shotspot1" value="x0 y268 a63 b300 p i'OpenMenu-RollOver.gif' u'ptviewer:'">

La prima linea definisce lo stato del bottone sempre visibile (realzzata con il parametro "q"). la seconda linea definisce l'immagine popup (realizzata con il parametro "p") che viene mostrata quando il mouse è sopra il bottone.

In ambedue le linee i parametri x e y sono identici e definiscono l'angolo a sinistra in alto del bottone. Nella seconda linea i parametri a e b definiscono l'angolo a destra in basso del bottone. nella seconda linea c'è anche il parametro "u" che definisce cosa fare quendo il bottone viene cliccato.

Per vedere un esempio, clicca qui.

Ora faremo in modo che quando si clicca il bottone appaia un secondo bottone che attica l'autoratazione del panorama; le linee necessarie sono cinque e servono a definire gli hospoti statici.

<param name="shotspot0" value="x0 y268 q i'OpenMenu.gif'">
<param name="shotspot1" value="x0 y268 a63 b300 p i'OpenMenu-RollOver.gif' u'ptviewer:DrawSHSImage(2);DrawSHSPopup(3);'">
<param name="shotspot2" value="x0 y268 i'AutoRotate.gif'">
<param name="shotspot3" value="x64 y268 a127 b300 i'AutoRotate-RollOver.gif' u'startAutoPan(1, 0, 0, 30);'">
<param name="shsEnableVisibleOnly" value="true">

Come si può vedere, le prime due liee sono prticamente identiche al precedente esempio eccetto l'aggiunta di un comando che viene processato quando il bottone viene cliccato. Questo comando fa comparire il bottone "Auto Rotate". Il primo comando rende il terzo bottone sempre visibile (equivale al parametro "q"), il secondo invece crea il quarto bottone che viene reso visibile quando il mouse è sopra il bottone (equivalente al parametro "p"). Le successive due righe definiscono il bottone "Auto Rotate". Sono simili nel formato alle prime due linee con l'eccezione dei parametri "p" e "q" perchè inizialmente questo bottone non viene visualizzato. Il comando associato al click di questo bottone è l'avvio della rotazione automantica del panorama. La quinta linea specifica che se un hotspot statico non viene mostrato, questo è disabilitato.

Per vedere un esempio del secondo passaggio, clicca qui.

Adesso abbiamo capito come creare questo menu a singolo bottone, ma attualmente non conosciamo il modo di chiudere il menu dopo aver attivato l'autorotazione. Nel prossimo passaggio aggiungeremo un bottone di chiusura, come mostrato nelle seguenti 8 linee che definiscono gli hotspot statici per i bottoni.

<param name="shotspot0" value="x0 y268 q i'OpenMenu.gif'">
<param name="shotspot1" value="x0 y268 a63 b300 p i'OpenMenu-RollOver.gif' u'ptviewer:DrawSHSImage(2,4);DrawSHSPopup(3,5);HideSHSImage(0,1)'">
<param name="shotspot2" value="x64 y268 i'AutoRotate.gif'">
<param name="shotspot3" value="x64 y268 a127 b300 i'AutoRotate-RollOver.gif' u'ptviewer:startAutoPan(0.5,0,1,30);'">
<param name="shotspot4" value="x0 y268 i'CloseMenu.gif'">
<param name="shotspot5" value="x0 y268 a63 b300 i'CloseMenu-RollOver.gif' u'ptviewer:DrawSHSImage(0);DrawSHSPopup(1);HideSHSImage(2-5);'">
<param name="shsEnableVisibleOnly" value="true">
<param name="shsStopAutoPanOnClick" value="false">

Questo esempio sviluppa le funzioni dei preceenti, ma ora ci sono più comandi che vengono eseguiti quando si clicca il bottone. Adesso non compare solo il bottone "Auto Rotate", ma anche "Close Menu" e viene nascosto "Open Menu" button. Qui si inizia a vedere un cambiamento nel formato di questi comandi per gli hotspot statici. Prima era possibile controllare solo un hotspot statico alla volta, adesso si puo' usare una lista di numeri o un intervallo di numeri separati da virgole. I coandi che vengono eseguito quando viene cliccato il bottone "Close Menu" mostrano anche il bottone "Open Menu" e nascondono i bottoni "Auto Rotate" e "Close Menu". Come precedentemente è presente la linea che imposta PTViewer a disabilitare gli hotspots statici quando non sono visibili. Inoltre questa volta c'è anche un parametro che imposta PTViewer a non fermare la rotazione quando un hotspot statico viene cliccato per evitare che la rotazione appena avviata si blocchi quando si preme il bottone che chiude il menu.

Per vedere un esempio del secondo passaggio, clicca qui .