Gernot Back: Hintergrundbild dynamisch verändern

Beitrag lesen

Hallo Achim,

Ich möchte gerne im Menüteil einer 2-Frame-Site das Hintergrundbild nach Screengrösse dynamisch verändern (...), aber das Hintergrundbild lässt sich nicht ändern - es bleibt immer dasselbe. Ich rufe die Funktionen mit onload im body-Tag auf.

Aber ja doch lassen sich auch Hintergrundbilder dynamisch verändern. Im Falle des Body-Elements könntest du das so aufrufen:

<body onLoad="loadSuitableBackground(this)">

Die Funktion könnte dann ungefähr so aussehen:

function loadSuitableBackground(meinBody) {
  if (screen.width>800) {
     meinBody.style.backgroundImage='url(grossesBild.jpg)';
  } else {
     meinBody.style.backgroundImage='url(kleinesBild.jpg)';
  }
}

Vergleiche dazu dies:
http://de.selfhtml.org/dhtml/modelle/microsoft.htm

Gruß Gernot