Wie wirds gemacht?
1 Objekt soll bei Mouseover
2 Graphiken verändern:sich selbst und eine andere
-
-
-
hallo,
im anhang befindet sich eine datei, die du in das hauptverzeichnis deines
servers kopierst. diese datei ist für einen mouseover-effekt zuständig.
in dem dokument, in dem du nun den mouseovereffekt erzielen willst, bindest
du die datei mit folgendem befehl im HEAD deines dokumentes ein:
<SCRIPT LANGUAGE="JavaScript" SRC="/swapimage.js"></SCRIPT>
nun zum komplizierten teil:
damit der mouseovereffekt sowohl in netscape, als auch im internet
funktioniert, muss der mouseoverbutton ein link sein:
<a href="URL" target="TARGET"><img src="bild1_off.jpg" border="0"></a>
dann das zweite bild:
<img src="bild2_off.jpg" border="0">
damit nun der mouseovereffekt auch weiss, welche bilder verändert werden
sollen, müssen diese gekennzeichnet werden. dies erfolgt durch die anweisung
"name" innerhalb des imagetags:
<img src="bild1_off.jpg" border="0" name="bild1">
und
<img src="bild2_off.jpg" border="0" name="bild2">
nun die mouseovereffekte. diese müssen in den oberen link integriert werden.
zuerst die on-funktion, anschließend die out-funktion und zwar für beide
bilder:
ONMOUSEOVER="swapImage(document.text1,document.text1,bild1_on.jpg,#bi
ld1);swapImage(document.text2,document.text2,bild2_on.jpg,#bild2);r
eturn document.returnValue"
wichtig ist, dass sich pro bild die angabe document.text unterscheidet, z.b.
in der nummer.
ONMOUSEOUT="swapImage(document.text1,document.text1,bild1_off.jpg,#bi
ld1);swapImage(document.text2,document.text2,bild2_off.jpg,#bild2);
return document.returnValue"
zusammengesetzt ergibt dies folgenden link, mit onmouseoverfunktion:
<a href="URL" target="TARGET"
ONMOUSEOVER="swapImage(document.text1,document.text1,bild1_on.jpg,#bi
ld1);swapImage(document.text2,document.text2,bild2_on.jpg,#bild2);r
eturn document.returnValue"
ONMOUSEOUT="swapImage(document.text1,document.text1,bild1_off.jpg,#bi
ld1);swapImage(document.text2,document.text2,bild2_off.jpg,#bild2);
return document.returnValue"><img src="bild1_off.jpg" border="0"
name="bild1"></a>
das zweite zu wechselnde bild baue an einer beliebigen stelle deines
dokumentes wie folgt ein:
<img src="bild2_off.jpg" border="0" name="bild2">
viele grüße
--
Christian Löchner - Team PC-Special.de
URL: http://www.pc-special.de - eMail: c.loechner@pc-special.de
fingerprint: 2C84 AFE5 B1C3 AAA6 0E33 D2C0 160D 53F6 1868 EBD3
kostenloser Online PC-Support in 24 Stunden
Hotline: AIM / pcspecialde - eMail / hotline@pc-special.de
------=_NextPart_000_02C