TorstenA: Hintergrundbilder laden

Beitrag lesen

Hi Christian,

Ich kann jetzt bei jedem Neustart verschiedene Bilder laden aber wie ich den Hintergrund lade, hab ich noch nicht rausgefunden, anbei mein Quelltext.

<SCRIPT LANGUAGE="JavaScript">

Bitte schreib an dieser Stelle <script type="text/javascript">.

window.document.images[0].src=pic[zu].src;

Du willst ein Hintergrundbild einbinden. Um dies in einer komfortablen Weise zu tun, solltest du CSS nutzen. Das Kapitel zu Hintergründen findest du hier:
http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm

Jetzt musst du nur noch deinem Body-Element das von dir gewünschte Hintergrundbild verpassen. Zunächst musst du erstmal entscheiden, welchem Element, in deinem Fall dem Body. Um auf ein Element zuzugreifen, steht dir u.a. die Methode getElementsByTagName() zur Verfügung:
http://selfhtml.teamone.de/javascript/objekte/document.htm#get_elements_by_tag_name

Wie dein Element heißt, weißt du ja, also ergibt das Ganze in Kombination:
getElementsByTagName("body")[0] (es gibt das Element nur einmal)

Mit Hilfe des dir bekannten style-Objektes und der Liste der möglichen CSS-Eigenschaften kannst du also dein Hintergrundbild dynamisch einbinden.

Das Ganze könnte dann etwa so aussehen:
function random_splash() {
  [...]
  var hintergrund;
  hintergrund = "url(" + pic[zu] + ")";
  document.getElementsByTagName("body")[0].style.backgroundImage = hintergrund;
}

Viele Grüße
Torsten