Rollover-Bilder für die Homepage

Mit dem Programm Dreamweaver 2 können Sie einen Rollover-Effekt erzeugen. Rollovers werden in den meisten Fällen zur Navigation verwendet. Bei einem Rollover verändert sich ein Bild, sobald man den Mauszeiger darüber bewegt. Um einen Rollover auf einer Web-Seite zu erzeugen, müssen Sie die Seite auf jeden Fall auf Ihrer Festplatte gespeichert haben. Danach plazieren Sie den Cursor an der Stelle der Internet-Seite, an der Sie den Rollover erzeugen wollen, und klicken im Objekte-Fenster auf den untersten Button »Rollover-Bild einfügen«. Sollte bei Ihnen die Objekte-Leiste nicht zu sehen sein, dann blenden Sie sie über den Menübefehl »Fenster | Objekte« ein.

Im Fenster »Rollover-Bild einfügen« wählen Sie zunächst nach einem Klick auf den obersten »Durchsuchen«- Button das »Originalbild« aus. Danach sollten Sie ihm einen passenden »Bildnamen« geben, da die Vorgabe »Image« nicht aussagekräftig ist und die weitere Arbeit nur behindert.

Nun ist das »Rollover-Bild« - also das Bild, das erscheint, wenn sich der Mauszeiger über dem Originalbild befindet - an der Reihe. »Durchsuchen« Sie Ihre Platte nach dem Bild und wählen Sie es aus. Beachten Sie jedoch, daß das Rollover-Bild in der gleichen Größe wie das Originalbild dargestellt wird. Wenn Sie nicht wollen, daß eines der beiden Bilder verzerrt wird, sollten Sie zwei gleich große Bilder auswählen und gegebenenfalls die beiden Bilder mit Hilfe eines Bildbearbeitungsprogramms wie Paintshop Pro oder Photoshop angleichen.

Wenn das Rollover nicht nur grafischer Schnickschnack und somit reiner Selbstzweck ist, »Verknüpfen« Sie es nun mit einer HTML-Seite, die geladen wird, wenn Sie auf das Bild klicken. Die darunter zu sehende Option »Bilder vorausladen« sollte unbedingt aktiv sein, da andernfalls beim ersten Kontakt des Mauszeigers mit dem Originalbild das Austauschbild erst geladen werden muß. Zum Einfügen des Rollovers klicken Sie auf »OK«.

Wenn Sie das Rollover-Bild durch ein anderes ersetzen wollen, öffnen Sie über das »Fenster«-Menü das Fenster »Verhaltensweisen«. Wenn Sie im Hauptfenster auf das Originalbild klicken, erscheinen im »Verhaltensweisen«-Fenster die beiden Einträge »onMouseOut« und »onMouseOver«. Nach einem Doppelklick auf »on- MouseOver« können Sie mit »Durchsuchen« ein neues Rollover-Bild festlegen, das Sie verwenden wollen.