Verhalten - Bild austauschen
Im Bedienfenster [
1] "
Verhalten" kann in Dreamweaver u.a. das "Verhalten" [
2] "
Bild austauschen" ausgewählt werden. Nach Anwenden dieses "Verhaltens" wird nach Eintritt eines
Ereignisses (zB durch eine Bewegung des Zeigegerätes) das bestehende Bild durch ein anderes ersetzt.
Folgendes ist dabei durchzuführen:
[
3]
Bild, dem das Verhalten "Bild austauschen" zugewiesen werden soll im Eigenschaftsinspektor eine eindeutige
ID zuweisen (zB ID
wein);
[
4] Bild
auswählen;
[
5] Im Bedienfenster "Verhalten" das Verhalten "
Bild austauschen" auswählen;
[
6] Im Dialogfenster "Bild austauschen" das richtige [
7] Bild auswählen;
[
8] unter "
Quelle einstellen auf:" den
Dateinamen des zu ersetzenden Bildes eintragen oder ein Bild mit Hilfe von "
Durchsuchen..." auswählen;
[
9] Mit "
OK" das Verhalten "Bild austauschen" zuweisen;
[
10] Im Bedienfeld "Verhalten² wird das Ereignis
onMOuseOver ("
Rollover") mit der zugewiesenen Aktion "
Bild austauschen" angezeigt:
[
11] Das Verhalten "Bild austauschen" wird erst ausgeführt, wenn die die Webseite im
Webbrowser aufgerufen wird.
Zusätzliche Optionen im Dialogfenster "Bild austauschen":
[12] "Bilder vorausladen": bei Aktivierung (Häkchen) wird das auszutauschende Bild bereits beim Laden der Webseite geladen, um es bei Bedarf schneller anzeigen zu können.
[13] "Bilder bei onMouseOut wiederherstellen": bei Aktivierung (Häkchen) wird das ursprüngliche Bild nach dem Verlassen des Bildes mit dem Zeigegerät wieder angezeigt -> [14] Im Bedienfeld "Verhalten" wird das Ereignis onMOuseOut mit der zugewiesenen Aktion "Bildaustausch wieder herstellen" angezeigt: