Guenter: onmouseover

der eventhandler on mouseover/out funktioniert nur mit Text???
ich habe es tausendmal mit der Einbindung eines Bildes (img src=...)in einer Tabellenzelle versucht. Oder mache ich was falsch mit der Syntax?

----
<td width="33%" id="startprobe" onMouseover="this.innerHTML='img src=../images/components_hpage/uebersicht_blau.gif';"
 onMouseout="this.innerHTML='img src=../images/components_hpage/uebersicht_rot.gif';">
    <img border="0" src="../images/components_hpage/uebersicht_rot.gif" width="300" height="50" ></td>
------
watt nu?
Guenter

  1. der eventhandler on mouseover/out funktioniert nur mit Text???

    was?

    ich habe es tausendmal mit der Einbindung eines Bildes (img src=...)in einer Tabellenzelle versucht. Oder mache ich was falsch mit der Syntax?

    Ich habe es mir angeschaut. Du willst einen dynamischen Bildwechsler, was? Das geht auch tausendmal einfacher, als du es gemacht hast.


    <td width="33%" id="startprobe" onMouseover="this.innerHTML='img src=../images/components_hpage/uebersicht_blau.gif';"
     onMouseout="this.innerHTML='img src=../images/components_hpage/uebersicht_rot.gif';">
        <img border="0" src="../images/components_hpage/uebersicht_rot.gif" width="300" height="50" ></td>

    watt nu?

    1. werfe deinen scheiß-internet explorer aus dem Fenster
     2. Mache code für richtige Browser
     3. Ich helfe dir gerne mit Punkt 2 ;-)

    Also, mal in vereinfachter Form:

    <td onMouseover="this.firstChild.src = 'blau.gif';" onMouseout="this.firstChild.src = 'rot.gif';"><img src="rot.gif"></td>

    Sollte gehen.

    Kleiner Tipp: Warum immer so umständlich? Du musst nicht den kompletten Code eines Bildes neuschreiben, nur um seinen Inhalt zu ändern. Mehr dazu:

    - http://www.selfhtml.teamone.de/javascript/objekte/images.htm
      - http://www.selfhtml.teamone.de/javascript/objekte/images.htm#src

    mein schöner name