scorn: eventhandling

Beitrag lesen

Hut sei mit dir!
so in etwa sähe dann das fertige script aus, es ist meiner meinung nach auch DOM-konform
// mouseover
function rein(text) {
  document.getElementById("tool").style.visibility="visible";
  document.getElementById("tool").style.position="fixed";
  document.getElementById("tool").style.fontSize="9px";
  document.getElementById("tool").style.top="100px";
  document.getElementById("tool").style.left="0px";
  document.getElementById("tool").style.overflow=hidden;
  document.getElementById("tool").style.clip = "rect(0px 113px auto 0px)";
  document.getElementById("tool").firstChild.nodeValue=text;
}
// mouseout
function raus() {
  document.getElementById("tool").style.visibility="hidden";
}
und so der Verweis
  <a onmouseover="rein('Das ist der Beschreibungstext Nr. 1');" onMouseOut="raus()" href="#">Link1</a></p>
  <div id="tool"> </div>

Ich spiele jetzt allerdings mit dem Gedanken, noch folgendes einzubauen:
  document.getElementsByTagName("body")[0].style.backgroundImage= "url(src/bgg.gif)"

Nun weiß ich aber vom letzten Script, dass es kurze Verzögerungen braucht, bis das Bild erscheint, und das beim ersten MouseOver das Hintergrundbild einfach verschwindet. Kann man da irgendwas gegen tun, bzw. gibt es Alternativlösungen? Mein Ziel ist es, dass sich ein Teil des Bildes verdunkelt, so dass man den Beschreibungstext besser lesen kann. Ich habe schon an Hintergrundfarbenwechsel gedacht, was aber wenig Sinn macht, da ich dann das Bild so groß machen muss, dass es selbst bei größter Auflösung den Rest der Hintergrundfarbe deckt (nur der Teil soll sich verdunkeln).