1 Objekt soll 2 Graphiken verändern

  • 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