Wie bekommt man eine Bild zu erweitern, wenn Over in Dreamweaver CS5 Rolled

Wenn Sie Dreamweaver CS5, um Webseiten zu erstellen, können Sie nicht über die eingebaute Spezialeffekte kennen. Einer von ihnen, der "Vergrößern / Verkleinern"-Effekt, macht jedes Bild auf Ihrer Seite erweiterbar. Ein Website-Besucher rollt einfach einen Cursor über ein Bild, um eine größere Version des Bildes sofort anzuzeigen. Vielleicht finden Sie diese Wirkung praktisch, wenn die Anzeige Produkte zu verkaufen oder Thumbnails von Bildern. Website-Inhaber, die Webseiten-Code von Hand schreiben müssen Sie JavaScript, um diesen Effekt zu erstellen. Mit Dreamweaver können Sie es auf Ihrer Webseite hinzufügen, in wenigen Minuten mit dem Programm-Menüs und Bedienfelder.

 

EXPAND GEROLLTE

 

Starten Sie Dreamweaver und suchen Sie den "Create New" in der Start-up-Fenster. Klicken Sie auf "HTML", und klicken Sie dann auf "Entwurf." Dreamweaver tritt Entwurfsansicht und zeigt eine leere Webseite Dokument.

 

Klicken Sie auf "Einfügen" und wählen Sie dann "Bild", die "Select Image Source" Fenster zu sehen. Wählen Sie ein Bild, das Sie auf der Web-Seite verwenden würde, und klicken Sie dann auf "OK" zweimal. Das Bild erscheint auf der Web-Seite.

 

Drücken Sie die "Shift" und "F4", um den "Tag-Inspektor" anzuzeigen. Wählen Sie "Verhalten", und klicken Sie dann auf das "Plus"-Zeichen unter dem Wort angezeigt "Verhalten." Klicken Sie auf "Effekte" und wählen Sie dann "Vergrößern / Verkleinern", um die "Vergrößern / Verkleinern"-Fenster zu öffnen.

 

Wählen Sie "Effekt", und klicken Sie dann auf "Wachsen". Geben Sie einen Wert größer als 100 in das Textfeld "zu wachsen". Das Bild wird zu erweitern , um den Prozentsatz von Ihnen eingegebene Wert in diesem Textfeld. Zum Beispiel, um das Bild zu erweitern , um das Doppelte seiner ursprünglichen Größe, wenn ein Cursor den Mauszeiger darüber bewegt, geben Sie "200" in das Textfeld ein.

 

Klicken Sie auf "OK", um das Vergrößern / Verkleinern Fenster zu schließen, und klicken Sie dann auf den "onClick" Drop-Down-Taste. Ein Drop-Down-Menü erscheint. Wählen Sie "onMouseOver", um ein Ereignis onMouseOver zum Bild hinzuzufügen.

 

Wählen Sie "Live View", um Ihre Web-Seite zu sehen. Bewegen Sie Ihre Maus über das Bild, das auf der Seite erscheint. Es dehnt sich auf den Prozentsatz, den Sie in der "Vergrößern / Verkleinern"-Fenster gesetzt.

 

Tipps und Warnungen

Wenn Sie möchten, um die Rollover-Effekt zu animieren, geben Sie eine Zahl in der "Wirkungsdauer" Text-Box in der Vergrößern / Verkleinern-Fenster. Der eingegebene Wert - in Millisekunden - steuert, wie lange es dauert, bis das Bild seine maximale Größe erreichen, wenn Benutzer auf das Bild rollen müsste. Geben Sie "1000" in das Textfeld ein, zum Beispiel, und das Bild wird zu einer Sekunde von ihrer ursprünglichen Größe auf der erweiterten Größe zu erweitern.