Erstellen einer Maus über das Bild in Dreamweaver CS3
In Dreamweaver Prolongation Bilder - wie der Name schon sagt - sind so konzipiert, zu reagieren, wenn jemand einen Cursor über ein Bild rollt. Der Effekt kann so dramatisch sein wie ein Bild von einem Hund durch ein Bild eines Löwen ersetzt, oder so subtil wie die Farbe eines Wortes ändern, wie ein Bild ein anderes ersetzt. So oder so, schließt Dreamweaver ein Dialogfeld für Rollover-Effekte, die eine einfache Rollover-Effekt ist eine der einfachsten Verhaltensweisen macht das Erstellen anzuwenden.
Um ein Rollover-Bild erstellen, indem mithilfe von Dreamweaver einfügen Bild Prolongation Dialogfeld folgendermaßen vor:
1. Klicken Sie den Cursor auf der Seite zu platzieren, wo Sie das Rollover angezeigt werden soll.
Rollover-Effekte erfordern mindestens zwei Bilder: eines für den Anfangszustand und einen für den Rollover-Status. Sie können zwei verschiedene Bilder oder zwei ähnliche verwenden, aber sie sollten beide die gleichen Abmessungen haben. Andernfalls erhalten Sie einige seltsame Skalierungseffekte, da beide Bilder in genau den gleichen Raum auf der Seite angezeigt werden müssen.
2. Wählen Sie Einfügen -> Bild-Objekte -> Maus über das Bild.
Der Insert-Maus über das Bild Dialogfeld erscheint.
3. Geben Sie im Bild Feld Name den Namen Ihres Bildes.
Bevor Sie ein Verhalten auf ein Element anwenden können, wie zum Beispiel ein Bild, muss das Element einen Namen haben, so dass das Verhalten Skript auf sie verweisen können. Sie können Elemente alles, was Sie so lange wie Name, wie Sie verwenden keine Leerzeichen oder Sonderzeichen.
4. Geben Sie in das Originalbild Feld die erste Bild, das Sie sichtbar werden soll. Verwenden Sie die Schaltfläche Durchsuchen ausfindig zu machen und das Bild auswählen.
Wenn die Bilder nicht bereits in Ihrer Website Root-Ordner sind, werden von Dreamweaver in Ihre Website kopieren, wenn Sie die Rollover erstellen.
5. Geben Sie im Feld Bild Prolongation, geben Sie das Bild, das Sie sichtbar werden soll, wenn die Besucher ihre Cursor über dem ersten Bild zu bewegen.
Auch hier können Sie über die Schaltfläche Durchsuchen, um das Bild suchen und auszuwählen.
6. Wählen Sie den Preload Maus über das Bild Kontrollkästchen alle Rollover-Bilder in den Browser-Cache zu laden, wenn die Seite geladen wird.
Wenn Sie wählen, um diesen Schritt nicht zu tun, Ihre Besucher möglicherweise eine Verzögerung, weil das zweite Bild wird nicht heruntergeladen werden, bis eine Maus über das Originalbild gerollt wird.
7. In der beim Anklicken Zum Feld URL geben Sie eine beliebige Web-Adresse oder suchen Sie eine andere Seite in Ihrer Website zu suchen, die Sie verknüpfen möchten.
Wenn Sie nicht über eine URL angeben, fügt Dreamweaver automatisch das Zeichen # als Platzhalter.
8. Klicken Sie auf OK.
Die Bilder werden automatisch als Roll einrichten.
9. Klicken Sie auf das Globus-Symbol oben im Arbeitsbereich Ihrer Arbeit in einem Browser in der Vorschau anzeigen und testen, wie das Rollover funktioniert.