Testo e pulsanti dinamici
I pulsanti dinamici modificano l'aspetto quando l'utente sposta su di essi il puntatore del mouse; ciò viene detto rollover. Il Rollover di testo è simile, e cambia l'aspetto quando l'utente vi passa sopra con il mouse.
Per creare i pulsanti di rollover
- Create tre versioni del vostro pulsante: una versione normale, una versione da far vedere quando l'utente sposta il puntatore del mouse sopra il pulsante ed una da far vedere quando l'utente clicca il pulsante:

- Per convenienza, date agli elementi dei nomi appropriati, quali Normale, MouseOver e Clic nel pannello delle regolazioni generali degli elementi della palette Ispettore:

- Selezionate i tre elementi.
- Aprite il menu Elemento e scegliete Allinea....
- Cliccate sulle icone di allineamento centrale Orizzontale e Verticale e poi sul pulsante OK:

Gli elementi verranno allineati sovrapposti, ancora selezionati:

- Aprite il menu Elemento scegliete Azioni e poi dal sottomenu scegliete Rollover.
- Aprite il menu Finestra scegliete Azioni per vedere la palette Azioni.
Ciò vi permette di specificare quale immagine si debba vedere per ognuna delle tre condizioni: Normale, MouseOver e Clic.
Inizialmente c'è un segno di spunta per ogni immagine nella colonna Normale, in modo che le immagini siano visibili nello stato normale.
- Cliccate per togliere i segni di spunta dalla colonna Normale per le immagini MouseOver e Clic e cliccate per aggiungere le colonne MouseOver e Clic per queste immagini:

Potete cliccare l'intestazione di ogni colonna per vedere la grafica corrispondente a quello stato.
Ora potete avere un'anteprima dell'effetto del vostro pulsante rollover:
- Cliccate su Anteprima nella parte in basso a destra della finestra di Freeway.
Potete anche usare l'azione Rollover per attivare immagini subordinate; vedi Immagini subordinate e layer.
Per creare un rollover di testo
L'azione Rollover di testo può essere usata per attivare effetti subordinati quando il mouse si muove sopra un collegamento.
- Posizionate la barra di inserimento nell'elemento HTML ove volete creare il rollover di testo:

- Aprite il menu Inserisci scegliete Elemento Azione poi, dal sottomenu, scegliete Rollover di testo.
Una azione di rollover di testo verrà applicata nel punto di inserzione.
- Cliccate al di fuori dell'elemento HTML, e poi cliccate per scegliere l'elemento rollover:

- Aprite il menu Finestra e scegliete Azioni per vedere la palette Azioni.
- Nel campo Testo inserite il testo da far vedere nel rollover.
- Scegliete Indaco dal menu pop-up Gruppo subordinati.
- Scegliete il numero dell'immagine che volete far vedere dal menu pop-up MouseOver #:

Avete specificato che l'azione rollover invierà l'attivatore 1 al gruppo subordinato Indaco. Il passo successivo consiste nel definire un subordinato da attivare.
Un tipico uso del rollover consiste nel far vedere un'immagine nascosta quando l'utente passa con il puntatore del mouse sopra il testo.
- Selezionate un elemento grafico che contiene l'immagine.
- Aprite il menu Elemento scegliete Azioni e poi scegliete Immagine subordinata dal sottomenu.
- Nella palette Azioni togliete la spunta dalla colonna Normale in modo che l'immagine normalmente non si veda e spuntate l'immagine nella colonna Immagine 1 in modo che venga visualizzata da attivatore 1:

- Accertatevi che nel pannello Parametri il gruppo subordinati sia definito come lo stesso gruppo subordinati del rollover di testo, Indaco:

Ora l'immagine apparirà quando l'utente sposta il puntatore del mouse sopra il testo rollover:

Se volete che il rollover di testo si comporti come un collegamento, potete definirlo come un link nel solito modo, selezionandolo e poi usando il dialogo Modifica Collegamento.
Contenuti