Tabelleninhalt tauschen bei überfahren mit der Maus

[Sebastian]

Hallo,
Ich habe ein Bild mit Text in einer Tabelle definiert und möchte beim Überfahren des Bildes (und/oder des Textes) den Inhalt einer zweiten Tabelle anzeigen (anderes Bild und anderer Text).
Ist dies mit CSS möglich?
Könnt Ihr mir ein Beispiel nennen oder ein "road map" wie das geht?
Mit CSS habe ich noch keine Erfahrung.
So sehen die Tabellen aus:

  
<table>  
  <tr>  
    <td>  
      <img src="bil1.jpg" alt="bild1">  
    </td>  
    <td>  
      Text1  
    </td>  
  </tr>  
</table>  
<table>  
  <tr>  
    <td>  
      <img src="bil2.jpg" alt="bild2">  
    </td>  
    <td>  
      Text2  
    </td>  
  </tr>  
</table>  

Schönen Feiertag wünscht Euch
Sebastian

[Beat]

Ich habe ein Bild mit Text in einer Tabelle definiert und möchte beim Überfahren des Bildes (und/oder des Textes) den Inhalt einer zweiten Tabelle anzeigen (anderes Bild und anderer Text).
Ist dies mit CSS möglich?

CSS kann derzeit bestenfalls Children oder Syblings von Selektoren manipulieren.

Könnt Ihr mir ein Beispiel nennen oder ein "road map" wie das geht?
Mit CSS habe ich noch keine Erfahrung.

Die solltest du dir aneignen.

So sehen die Tabellen aus:

<table>
  <tr>
    <td>
      <img src="bil1.jpg" alt="bild1">
    </td>
    <td>
      Text1
    </td>
  </tr>
</table>
<table>
  <tr>
    <td>
      <img src="bil2.jpg" alt="bild2">
    </td>
    <td>
      Text2
    </td>
  </tr>
</table>

  
Den einzig möglichen selektor sehe ich wie folgt:  
table:hover + table image{}  
  
und heute noch erst marginal unterstützt:  
table:hover ~ table image{}  
  
mfg Beat

-- 

><o(((°>           ><o(((°>  

   <°)))o><                     ><o(((°>o  
Der Valigator leibt diese Fische