Hinzufügen von Rollover-Bildern

Sie können die Komponente „Rollover-Bild" verwenden, um JavaScript-Rollovers für die Bilder Ihrer Site zu erstellen. Da diese Komponente JavaScript verwendet, werden die Farben Ihres Bilds nicht verändert.

So fügen Sie ein Rollover-Bild ein:

  1. Wählen Sie in der Seiten-Ansicht das Werkzeug „Bild-Ladeprogramm" aus der Toolbox „NOF-Standard-Komponenten" aus.

  2. Zeichnen Sie ein Rechteck auf der Seite, auf der Sie das Bild einfügen möchten.

Ein Bild-Platzhalter und das Fenster „Rollover-Bild-Eigenschaften" werden angezeigt.

  1. Doppelklicken Sie auf die Zeile „Anfangsbild", wählen Sie das zuerst anzuzeigende Bild aus dem Dialogfeld „Bilddatei öffnen" aus und klicken Sie auf „Öffnen".

Das Fenster „Rollover-Bild-Eigenschaften" verändert sich und zeigt zwei neue Zeilen an: Mouse-Over-Bild und Mouse-Out-Bild.

  1. Sie können festlegen, welches Bild angezeigt wird, wenn sich der Mauszeiger über das Bild bewegt. Doppelklicken Sie dazu auf die Zeile „Mouse-Over-Bild", wählen Sie das Bild im Dialogfeld „Bilddatei öffnen" aus und klicken Sie auf „Öffnen".

Die Größe der Bilder, die Sie als Rollover-Bilder auswählen, wird an die Größe des ersten von Ihnen gewählten Bilds angepasst. Optimale Ergebnisse erzielen Sie, wenn Sie gleich große Bilder verwenden.

 

  1. Zur Festlegung des angezeigten Bilds, wenn der Site-Besucher den Mauszeiger von einem Bild wegbewegt, doppelklicken Sie auf die Zeile „Mouse-Out-Bild", wählen das Bild im Dialogfeld „Bilddatei öffnen" aus, und klicken auf „Öffnen".

  2. Sie können das Bild mit einer bestimmten URL verknüpfen, indem Sie auf die Zeile „Link-URL" doppelklicken.

Das Dialogfeld Link wird daraufhin angezeigt. Da das gesamte Bild wie ein einziges Objekt behandelt wird, können Sie es mit einer anderen Seite, einer Datei, einem Smart Link oder einem externen Link, wie z. B. einer anderen Site, verknüpfen. Weitere Informationen hierzu finden Sie unter Erstellen von Links.

  1. Geben Sie die Link-Informationen ein und klicken Sie auf „Verknüpfen".

Die Details des Links werden in der rechten Spalte der Schaltflächenzeile angezeigt.

Sie können einem Objekt eine Aktion über die Registerkarte „Aktionen" hinzufügen. Weitere Informationen hierzu finden Sie unter Erstellen dynamischer Seiten.