Bildwechsel, mit style.background

[derTobi]

ich verwende dies bei meinen seiten als allgemeine Effekt-Funktionen

<TD CLASS="MIDNAV" WIDTH="60"  onmouseout="ChangeMid(this,1)" onmouseover="ChangeMid(this,0)" style="cursor:hand">

CSS dazu:

TD.MIDNAV
{
    BACKGROUND-COLOR: #EF9749;
    TEXT-ALIGN:       RIGHT;
    FONT-SIZE:   13px;
    BORDER-COLOR: #333333;
}

und die Funktion dazu:

function ChangeMid(obj,art)
{
   if(art==1)
      obj.style.backgroundColor="#EF9749";
   else
      obj.style.backgroundColor="#F9F9F9";
}

----------------------
nun wollte ich das ganze mit bildern probieren:

TD.MIDNAV
{
    /*BACKGROUND-COLOR: #EF9749;*/
    BACKGROUND-IMAGE: url("inactive.gif");

TEXT-ALIGN:       RIGHT;
    FONT-SIZE:   13px;
    BORDER-COLOR: #333333;
}
bis hier her klappt alles, die Bilder werden richtig angezeigt,
nur schaff ich den Schritt ins JavaScript nicht mehr

function ChangeMid(obj,art)
{
   new_blue = "new_blue.gif";

if(art==1)
      obj.style.background-image  = "inactive.gif";
   else
      obj.style.backgroundImage = "new_blueg.gif";
}
aber auch Angaben mit url("bild") funktionieren nicht, erbitte Hilfe

[Norbert Klein]

Hallo. // => </faq/#Q-05a>

BACKGROUND-IMAGE: url("inactive.gif");

^            ^
Die Anführungszeichen brauchst du nicht.

bis hier her klappt alles, die Bilder werden richtig angezeigt,
nur schaff ich den Schritt ins JavaScript nicht mehr

Zuerst, machen wir Gebrauch vom Image-Objekt:
 abg = new Image(); // active background
 abg.src = "new_blue.gif";
 ibg = new Image(); // inactive background
 ibg.src = "inactive.gif";
Ist zwar nicht zwingend nötig, aber nützlich isses allema.

function ChangeMid(obj,art)
{
   new_blue = "new_blue.gif";

^ Die Zeile brauchen wir nicht.

if(art==1)
      obj.style.background-image  = "inactive.gif";

^^
Aus der machen wir:
 obj.style.backgroundImage = "url(" + ibg.src + ")";

else
      obj.style.backgroundImage = "new_blueg.gif";

Und die Zeile wird zu:
 obj.style.backgroundImage = "url(" + abg.src + ")";

}
aber auch Angaben mit url("bild") funktionieren nicht

Muss ja auch "url(filename.ext)" heißen.

erbitte Hilfe

Kriegst 'nen Gruß:

Gruß
Norbert // => </faq/#Q-05c>