Erstellen von Rollovers für Bilder
Rollovers sind Bilder oder Teile von Bildern, die ihr Aussehen verändern, wenn der Benutzer sie aktiviert. Web-Designer benutzen Rollovers häufig für die Schaltflächen in Navigationsleisten. Wenn der Benutzer auf eine Schaltfläche klickt, wird die über den Link aufgerufene Webseite (oder Datei) im Browser angezeigt, und die Schaltfläche im Rollover-Bereich verändert ihr Aussehen.
Sie können einem unterteilten Bild oder einer Imagemap ein Rollover zuweisen, indem Sie eine Bilddatei auswählen, die angezeigt wird, sobald der Benutzer eine bestimmte Aktion mit der Maus ausführt.
So erstellen Sie Rollovers für Bilder
Edit workspace
1 Erstellen Sie das Bild, das als Rollover-Bild verwendet werden soll. Häufig handelt es sich bei diesem zweiten Bild um eine Modifizierung des Originalbildes, damit eine Veränderung sichtbar wird, wenn die Maus über dieses bewegt wird.
2 Sie haben folgende Möglichkeiten:
• Klicken Sie auf Datei Exportieren Imagemap.
• Wählen Sie Datei Exportieren Bildunterteilung.
Note: Markieren Sie ggf. mit dem entsprechenden Werkzeug (beispielsweise dem Polygon-, Rechteck- oder Kreiswerkzeug) einen bestimmten Bildbereich, auf den das Rollover angewendet werden soll.
3 Klicken Sie auf Rollover-Erstellung.
Das Dialogfeld Rollover-Erstellung wird angezeigt.
4 Um Aktionen festzulegen, bei denen das Rollover zum Einsatz kommt, aktivieren Sie die folgenden Kontrollkästchen nach Bedarf:
• Mausübergang
• Maus nach außen
• Mausklick
• Maus-Doppelklick
• Maus nach oben
• Maus nach unten
5 Klicken Sie auf die Schaltfläche
Öffnen ![](../Corel_PaintShop_Pro/images/open.jpg)
.
Das Dialogfeld Rollover auswählen wird angezeigt.
6 Suchen Sie die gewünschte Grafikdatei und wählen Sie sie aus.
Wenn Sie keine Datei auswählen, wird die Ausgangsdatei verwendet.
7 Klicken Sie auf Öffnen.
Im Dialogfeld Rollover-Erstellung wird neben dem Kontrollkästchen der Dateipfad angezeigt.
8 Klicken Sie auf Abbrechen, um zum Dialogfeld Imagemap bzw. Bildunterteilung zurückzukehren.
Klicken Sie auf
Vorschau im Browser ![](../Corel_PaintShop_Pro/images/preview_in_browser_2.jpg)
, um das Ergebnis in einem Browser-Fenster anzuzeigen.