Erstellen eines Rollover-Effekts für Bilder

Bei einem Rollover-Effekt wird ein Bild durch ein anderes ersetzt, wenn der Benutzer den Mauszeiger über das Bild bewegt. Der Bildübergang findet statt, wenn der Mauszeiger die Grenzen des ersten Bildes erreicht; bewegt der Benutzer den Mauszeiger außerhalb der Grenzen des zweiten Bildes, wird das ursprüngliche Bild wiederhergestellt.

Die gängigste Verwendung eines Rollover-Effekts besteht darin, ein optisches Feedback zu liefern, wenn der Benutzer den Mauszeiger über ein Bild bewegt, das als Schaltfläche verwendet wird. Die Schaltfläche ändert ihr Aussehen, wenn der Mauszeiger sich über der Schaltfläche befindet. Auf diese Weise wird angezeigt, dass es sich tatsächlich um eine Schaltfläche handelt, auf die geklickt werden kann.

(Bewegen Sie den Mauszeiger über das nachstehende Bild, um ein Beispiel für einen Rollover-Effekt anzuzeigen.)

Namo Web Editor 4.image.rollover.1 Erstellen eines Rollover Effekts für Bilder

So erzeugen Sie einen Rollover-Effekt in einem Bild
  1. Doppelklicken Sie auf das gewünschte Bild.
  2. Klicken Sie auf die Registerkarte Rollover.
  3. Geben Sie im Feld Pfad für das zweite Bild den Pfad für das Ersatzbild ein, oder führen Sie eine der folgenden Aufgaben aus:
    • Klicken Sie auf Namo Web Editor button browse Erstellen eines Rollover Effekts für Bilder (Durchsuchen), um auf dem lokalen Dateisystem nach einer Bilddatei zu suchen.
    • Klicken Sie auf Namo Web Editor button clip art Erstellen eines Rollover Effekts für Bilder (Clipart), um ein Bild aus der Clipartbibliothek auszuwählen.
    • Klicken Sie auf Namo Web Editor button site Erstellen eines Rollover Effekts für Bilder (Site), um ein Bild aus der Liste der verwendeten Bilddateien für die aktuelle Site auszuwählen (sofern eine Site geöffnet ist).
  4. Um eine Vorschau des Rollover-Effekts anzuzeigen, bewegen Sie den Mauszeiger über den Fensterausschnitt Vorschau.
  5. Klicken Sie auf OK.
So entfernen Sie einen Rollover-Effekt aus einem Bild
  1. Doppelklicken Sie auf das gewünschte Bild.
  2. Klicken Sie auf die Registerkarte Rollover.
  3. Klicken Sie auf Rollover entfernen, und klicken Sie anschließend auf OK.

Erstellen eines Rollover-Effekts für Bilder