Erstellen eines Schaltflächen-Rollovers

Mit den Aktionen „Bild einrichten" und „Bild verwenden" können Sie einer Schaltfläche ein dreidimensionales Aussehen verleihen, etwa, indem Sie sie hervorheben, wenn der Mauszeiger darüber bewegt wird, sie eingedrückt erscheinen lassen, wenn sie gedrückt wird, usw.

Für dieses Beispiel benötigen Sie drei Bilder einer Schaltfläche - eines, das die Schaltfläche zeigt, wenn sie geladen wird, ein zweites, das die hervorgehobene Schaltfläche zeigt, und ein drittes, das die heruntergedrückte Schaltfläche zeigt.

Dieses Beispiel gilt für Schaltflächen, allerdings nicht für Formular-Schaltflächen. Die Aktion „Bild einrichten" steht für Formular-Schaltflächen nicht zur Verfügung.

 

  1. Platzieren Sie in der Seiten-Ansicht das Bild der Schaltfläche, wie sie aussieht, wenn die Seite geladen wird.

  2. So fügen Sie der Schaltfläche eine Aktion hinzu: Klicken Sie im Fenster „Bild-Eigenschaften" auf die Registerkarte „Aktionen" und anschließend auf die Plus-Schaltfläche (+). Das Dialogfeld „Aktion einrichten" wird angezeigt.

  3. Wählen Sie im Feld „Anlass" aus dem Dropdown-Menü Seite die Option „Seite geladen". Klicken Sie auf die Menüschaltfläche „Ziel" (sie befindet sich neben dem Feld „Ziel") und wählen Sie im angezeigten Dialogfeld „Objekt-Explorer" das Schaltflächen-Objekt aus. Wählen Sie im Feld Meldungen im Dropdown-Menü Objekt die Option Bild festlegen.

  4. Wählen Sie im Dropdown-Menü „Parameter" die Option „Werte".

Das Dialogfeld „Parameterwerte" wird angezeigt.

  1. Geben Sie an, wann welche Bilddatei verwendet werden soll. Stellen Sie sicher, dass für den Wert von Bild 1 (Normal) die „Geladen"-Version der Schaltfläche ausgewählt ist. Wählen Sie dann die hervorgehobene Schaltfläche für Bild 2 (hervorgehoben) und die heruntergedrückte Schaltfläche für Bild 3 (heruntergedrückt).

  2. Um im Dialogfeld „Werte" der Aktion „Bild einrichten" eine Bilddatei anzugeben, wählen Sie einen Wert, klicken Sie auf die Schaltfläche neben dem zu bearbeitenden Feld und öffnen Sie eine Datei im Dialogfeld „Bilddatei öffnen". Klicken Sie auf „OK".

  3. Fügen Sie der Schaltfläche vier Aktionen hinzu, indem Sie das Dialogfeld „Aktion einrichten" folgendermaßen ausfüllen:

Aktion 1. Geben Sie im Feld „Anlass" „Maus", „Maus über" ein, die Schaltfläche selbst im Feld „Ziel" und „Objekt", „Bild verwenden" im Meldungsfeld ein. Öffnen Sie anschließend das Menü Parameter und klicken Sie auf Bild 2 (Hervorgehoben).

Aktion 2. Geben Sie im Feld „Anlass" „Maus", „Maus aus" ein, die Schaltfläche im Feld „Ziel" und „Objekt", „Bild verwenden" im Meldungsfeld sowie „Bild 1 (Normal)" im Parameterfeld.

Aktion 3. Geben Sie im Feld „Anlass" „Maus", „Maus nach unten" ein, die Schaltfläche im Feld „Ziel" und „Objekt", „Bild verwenden" im Meldungsfeld sowie „Bild 3 (Gedrückt)" im Parameterfeld.

Aktion 4. Geben Sie im Feld „Anlass" „Maus", „Maus nach oben" ein, die Schaltfläche im Feld „Ziel" und „Objekt", „Bild verwenden" im Meldungsfeld sowie „Bild 2 (Hervorgehoben)" im Parameterfeld.

Um die Rollover-Schaltfläche mit einer anderen Seite zu verknüpfen, können Sie eine weitere Aktion hinzufügen. Wählen Sie im Feld Anlass die Option Geklickt aus dem Dropdown-Menü Maus, im Feld Ziel die Option Layout aus dem Objekt-Explorer, im Feld Meldungen die Option Gehe zu URL aus dem Dropdown-Menü Position und im Feld Parameter die Option Werte.

  1. Sehen Sie sich die Seite an, um den Rollover zu testen. Bewegen Sie die Maus über die Schaltfläche, um sie hervorzuheben, und klicken Sie auf die Schaltfläche, um sie im gedrückten Zustand zu sehen.