Bilder ändern bei Link-Hover

[DeLuXe]

Bilder ändern bei Link-Hover

Servus mal wieder,

ich hätte mal wieder ein Problem:
Auf meiner Gilden-Seite sieht mam auf der linken Seite die Links mit dazugehörigen Bildern.
Wie schaffe ich es, dass sich das Bild bei Mouseover verändert und sich dann bei Mouseoff wieder zurücksetzt? (-->Hover auf anderes Objekt übertragen)

Auschnitt aus Quelltext:

//...
<tr>
 <td> </td>
 <td width="95px">[url="Mitglieder.html"]<div align="center">Mitglieder</div>[/url]</td>
 <td>[img]Links/Mitglieder.jpg[/img]</td>
</tr>
<tr>
 <td>[img]Links/Bilder.jpg[/img]</td>
 <td>[url="Bilder.html"]<div align="center">Bilder</div>[/url]</td>
 <td> </td>
</tr>
//...

 

[Frettchen]

-> js forum

 

[Prophet]

geht auch mit css wurde da aber auch bereits besprochen

 

[DeLuXe]

ich habe nur den hier gefunden: http://www.html.de/ftopic797.html.

Das Problem trifft es aber nur halb, denn ich möchte das Bild bei Link-Hover und nicht bei Bild-Hover ändern.

 

[Prophet]

http://html.de/ftopic1904.html
http://html.de/ftopic1335.html

 

[DeLuXe]

Das ist nicht das, was ich suche!
Ich möchte bei Link-Hover eine andere Zelle (zumindest das Bild darin) verändern und nicht die selbe Zelle!

 

[Prophet]

Achso ok das geht natürlich nicht mit css...

Also du musst der anderen Zelle eine ID verpassen. Dann kannst du über

OnMouseOver="document.getElementById('element_id').style.backgroundImage = 'url';"

das bild der zelle 'element_id' in das bild auf 'url' umleiten. Bei OnMouseOut machst du das selbe bloß zum alten bild....

falls du das ein bild und kein hgbild verändern willst musst dem bild eine id verpassen und du musst wieder onmouseovwer benutzen jedoch mit diesen code:

document.getElementById('element_id').src='url';

 

[DeLuXe]

schonmal thx, das suchte ich

aber kannst du mir das mal zeigen (bin ein totaler Anfänger bei sowas):

<tr> 
 <td> </td> 
 <td width="95px" align="center">[url="Mitglieder.html"]Mitglieder[/url]</td> 
 <td>[img]Links/Mitglieder.jpg[/img]</td> 
</tr> 
</tr>

hier siehst du einen Ausschnitt der Tabelle. Das Bild 'Links/Mitglieder.jpg' soll jetzt bei Mousover vom Link 'Mitglieder' zu 'Links/Mitglieder_H.jpg' werden!

 

[Prophet]

<tr>
<td> </td>
<td width="95px" align="center">
Mitglieder
</td>
<td>

</td>
</tr>