Hintergrundbild dynamisch verändern
Achim
- javascript
0 Gernot Back0 AchimT
Ich möchte gerne im Menüteil einer 2-Frame-Site das Hintergrundbild nach Screengrösse dynamisch verändern. Ich habe es sowohl mit der Bildwechselfunktion von Selfhtml (die im Hauptfenster der Site mit Vordergrundbildern gut funktioniert) als auch mit der im Layerbereich von Selfhtml beschriebenen Verfahrensweise versucht, aber das Hintergrundbild lässt sich nicht ändern - es bleibt immer dasselbe. Ich rufe die Funktionen mit onload im body-Tag auf.
Kann mir jemand weiterhelfen?
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
Aber ja doch lassen sich auch Hintergrundbilder dynamisch verändern. Im Falle des Body-Elements könntest du das so aufrufen:
Gernot, vielen herzlichen Dank, du hast mir sehr geholfen.
Mein Hauptfehler war es, anstelle des <body>'s das Fenster zu adressieren. Dein 'meinBody' war die Erleuchtung. Vielen Dank für das Codebeispiel und den Verweis!
Vielen Dank!
Achim