Um (verlinkte) Bilder abzudunkeln bzw. transparent zu machen, und ggf. bei onMouseover wieder normal werden zu lassen, bedarf es Cascading Style Sheets (CSS). Als erstes müssen die Bilder oder Buttons in ein Block-Element (div).
<div class=”buttons”>
<a href=”http://www.www.hot-elle.de” target=”_blank”><img src=”http://www.hot-elle.de/he_80×15.gif” width=”80″ height=”15″ border=”0″ title=”Buenos Dias Elias”/></a>
</div>

Dann müssen wir die CSS Klasse “buttons” definieren.
<style type="text/css">
<!–
/* […]

Mit CSS kann man echt tolle Sachen machen. Beispielsweise einen Text formatieren der beim Überfahren mit der Maus (onMouseover) einen weiteren Text in einem Popup anzeigt.
Demo: HilfeHilfe Und hier steht die Erklärung zur Hilfe drin.
.
Folgendes muss im Quelltext stehen damit der Tooltip angezeigt wird.
<a class="tooltip" href="#">Hilfe<span><b>Hilfe</b> <br /> Und hier […]