✔ onmouseover

[x12x13]

hallo,

ich habe 2 bilder, die in einer tabelle eingebettet sind:

<table>
  <tr>
    <td><img src="bild1.jpg"></td>
    <td><img src="bild2.jpg"></td>
  </tr>
  <tr>
    <td><!-- Mein Problem --></td>
  </tr>
</table>

Nun möchte ich, das, wenn man über "bild1.jpg" mit dem Mauszeiger fährt, das bei "<!-- Mein Problem -->" : -Der Hund- angezeigt wird.
Fahre ich über "bild2.jpg", soll bei <!-- Mein Problem --> : -Die Maus- angezeigt werden.


danke für eure hilfe ! selfhtml hat mich nicht wirklich weitergebracht, die suche erst recht nicht.

danke schonmal

 

[Der Held]

<table>
  <tr>
    <td><img src="bild1.jpg" onMouseOver="document.getElementById('bild').style.background='url(Hund.jpg)'" onMouseOut="document.getElementById('bild').style.background='url(leer.gif)'"></td>
    <td><img src="bild2.jpg" onMouseOver="document.getElementById('bild').style.background='url(Maus.jpg)'" onMouseOut="document.getElementById('bild').style.background='url(leer.gif)'"></td>
  </tr>
  <tr>
    <td id="bild" width="50" height="50" style="background-image: url(leer.gif)"></td>
  </tr>
</table>

wobei leer.gif gleich gross sein muss, wie maus.jpg und hund.jpg, ausserdem muss es vollständig transparent sein.

 

[x12x13]

danke, nur soll nicht hund.jpg und maus.jpg beim rüberfahren angezeigt werden, sondern "hund" und "maus" als schrift.

kannst du mir da nochmal helfen ?

 

[Gumbo]

<table>
  <tr>
    <td><img src="bild1.jpg" onMouseOver="document.getElementById('bild').innerText='-Der Hund-'" onMouseOut="document.getElementById('bild').innerText=''"></td>
    <td><img src="bild2.jpg" onMouseOver="document.getElementById('bild').innerText='-Die Maus-'" onMouseOut="document.getElementById('bild').innerText=''"></td>
  </tr>
  <tr>
    <td><div id="bild"></div></td>
  </tr>
</table>

 

[x12x13]

dankeschön
hat geklappt !