Le immagini di rollover sulle pagine Web visualizzano immagini diverse quando il cursore del mouse passa su di esse. La modifica sottolinea che l’immagine è un collegamento e può visualizzare in anteprima la destinazione del collegamento. Ad esempio, se il sito Web della tua azienda utilizza immagini in un menu di navigazione, queste possono rispondere al movimento del mouse, rivelando un testo di colore diverso e una grafica di sfondo pertinente. Potete codificare i rollover con CSS, ma Dreamweaver CS5 scrive questo codice per voi quando inserite l’immagine utilizzando una finestra di dialogo.
1
Fare clic su “Design” nella barra degli strumenti del documento.
2
Posiziona il cursore nel punto in cui desideri inserire l’immagine di rollover.
3
Fare clic su “Inserisci” nella barra dei menu. Fare clic su “Oggetti immagine” e “Immagine di rollover” per aprire la finestra di dialogo Inserisci immagine di rollover.
4
Fare clic sul pulsante “Sfoglia” accanto alla casella Immagine originale. Naviga nel tuo file system e seleziona l’immagine che deve apparire quando nessun mouse passa sopra l’immagine.
5
Fare clic sul pulsante “Sfoglia” accanto alla casella Immagine di rollover. Naviga nel tuo file system e seleziona l’immagine che deve apparire quando il mouse passa sopra l’immagine.
6
Digita l’URL di destinazione dell’immagine di rollover nella casella “Quando si fa clic, vai all’URL”. Fare clic su “OK”.