ckau82: Laden von verschiedenen Hintergrundbildern

SELF-Forum

Laden von verschiedenen Hintergrundbildern

ckau82
– Informationen zu den Bewertungsregeln

Hallo zusammen

Ich habe letzte Woche schon einmal etwas gepostet allerdings bin ich seither nicht wirklich weitergekommen... .

Ich bin auf der Suche nach der Funktion um bei jedem Aufruf ein verschiedenes Hinteregrundsbild zu laden, das per Zufallsgenerator ausgewählt wird.

Kann mir irgendjemand einen Quelltext geben?

Vielen Dank schon mal im Vorraus!

Christian

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Laden von verschiedenen Hintergrundbildern

    TorstenA Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi Christian,

    Ich bin auf der Suche nach der Funktion um bei jedem Aufruf ein verschiedenes Hinteregrundsbild zu laden, das per Zufallsgenerator ausgewählt wird.
    Kann mir irgendjemand einen Quelltext geben?

    Nein, was ich dir aber liefern kann, ist ein Lösungsansatz.
    Du willst also ein Hintergrundbild einfügen und das Ganze mit JavaScript. Der body ist ein Teil des HTML-Dokumentes, den du natürlich über JS auch ansprechen kannst:
    http://selfhtml.teamone.de/javascript/objekte/htmlelemente.htm#body

    Nun möchtest du ein Hintergrundbild einbinden. Hierzu steht dir zum einen die entsprechende Eigenschaft des body-Elementes zur Verfügung oder wenn's etwas komfortabler sein soll das style-Objekt:
    http://selfhtml.teamone.de/javascript/objekte/style.htm

    Damit solltest du also geklärt haben, wie du ein Hintergrundbild mit Hilfe von JS einbinden kannst. Nun soll es sich ja um ein Zufallsbild handeln. Dazu benötigst du zuerst mal die Zufallsfunktion von JavaScript:
    http://selfhtml.teamone.de/javascript/objekte/math.htm#random

    Nun musst du nur noch aus der Zufallszahl eine Ganzzahl zwischen 0 oder 1 und der Anzahl deiner Bilder machen, vom Ansatz so: zufall = Math.ceil(Math.random*25), wobei 25 die Anzahl deiner Bilder darstellt.

    Das, was du willst, soll bei einem bestimmten Ereignis passieren, nämlich dann, wenn die Seite geladen wird, also sozusagen onLoad:
    http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#onload

    Mit diesem Wissen sollte es für dich ein Klacks sein, dein Vorhaben umzusetzen :-)

    Viele Grüße
    Torsten

    --
    In der Hoffnung, meine(n) Vorredner(in) richtig verstanden zu haben ;)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Laden von verschiedenen Hintergrundbildern

    holger_b
    – Informationen zu den Bewertungsregeln

    Hallo.

    Wo liegt denn dein Problem? Was hast du denn bis jetzt schon als Quelltext?
    Hast du es schon mal mit der Kombination Math.floor und Math.random versucht? Eigentlich brauchst du dir blos ein Array mit den HG-Bildern zu erstellen und, dann mit Math.floor und Math.random per Zufall generieren lassen und dann mit document.write in den body schreiben lassen. Dann sollte es eigentlich klappen.

    Viel Spas dann noch.
    Tschau holger_b.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln