"einfärben"

[Griever]

Da stellst du in der Tabelle ein transparentes gif mit exakt der selben größe direkt darunter.

z. B.

<table>
<tr>
<td><img src="bild.jpg" width=50 height=50></td>
</tr>
</table>
<table>
<tr>
<td><img src="transparent.gif" width=50 height=50>
</tr>
</table>

Dieses setzt du nun mit CSS (position:relative) um soviel hoch, dass es direkt darüber liegt.

Nun benötigst du noch folgende Angaben:

table.dastransparentegif {
 filter:alpha(opacity=50);
 display:none;
}

Mit der JS-Funktion (Auf dem eigentlichen Bild) rufst du jetzt auf, wenn der User mit der Maus drüberfährt:

document.getElementById("dietransparentegrafik").style.display=inline

Mit der JS-Funktion (Auf der transparenten Grafik) rufst du jetzt auf, dass dieses beim herausfahren der Maus wieder sichtbar wird. (sonst würde es flackern!)

Wenn jemand eine bessere Idee hat, ist es auch gut, da der Alpha-Filter nur unter Microsoft IE funktioniert.

MFG
Griever