this.style.backgroundImage

[Christian]

hi,
ich habe da ein problem mit dem austauschen von hintergrundbildern bei Tabellenzeilen.
ich möchte die Bilder zuerst vorladen. das (versuche) mache ich mit:

var bgImg = new Array();
bgImg[0] = new Image(); bgImg[0].src = "nav_field.gif";
bgImg[1] = new Image(); bgImg[1].src = "nav_field_active.gif";

jetzt hörts auch schon auf denn ich weiss nicht wie ich weiter auf die bilder zugreifen kann. mit:

<tr OnMouseOver="this.style.backgroundImage=url('document.Images[0].src = bgImg[1].src')" OnMouseOut="this.style.backgroundImage=url('document.Images[0].src = bgImg[0].src')" OnClick="load('body.html')" style="background-image: url(nav_field.gif); background-repeat: no-repeat; background-attachment: fixed; background-position: center; ">

gehts auf jeden fall nicht und mit:

<tr  OnMouseOver="this.style.backgroundImage='url(nav_field_active.gif)'" OnMouseOut="this.style.backgroundImage='url(nav_field.gif)'" OnClick="load('buecher.html')" style="background-image: url(nav_field.gif); background-repeat: repeat; background-attachment: fixed; background-position: center; ">

greife ich ja nicht auf die vorgeladenen zurück.

schön wäre eine lösung mit dem schlüsselwort "this."