mo[Z]illaGècoo: function als bg

SELF-Forum

function als bg

mo[Z]illaGècoo
– Informationen zu den Bewertungsregeln

hi leudz.

ich hab da jetzt ne bilderschleife. mit js.
kann man die jetzt auch als als hintergrund für das ganze browserfesnter machen ?! also vielleicht <body background="function..."> oder so ?!? ;))

thx
cu

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. function als bg

    Utz
    – Informationen zu den Bewertungsregeln

    Hallo,

    ich hab da jetzt ne bilderschleife. mit js.
    kann man die jetzt auch als als hintergrund für das ganze browserfesnter machen ?!

    Prinzipiell ist es möglich das Hintergrundbild in einer Schleife auszutauschen. Das geht über das style-Objekt: http://selfhtml.teamone.de/javascript/objekte/style.htm.

    Grüße,

    Utz

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. function als bg

      mo[Z]illaGècoo
      – Informationen zu den Bewertungsregeln

      hi utz

      mit welchem object ?! ich find das af der seite nicht. da steht nicht, wie man eine ganze funktion als hintergrund einbinden kann.
      oder ich bin zu blöde dafür...

      bye

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. function als bg

        Utz
        – Informationen zu den Bewertungsregeln

        Hallo,

        mit welchem object ?! ich find das af der seite nicht. da steht nicht, wie man eine ganze funktion als hintergrund einbinden kann.

        Kann man ja auch nicht. Allerdings kann man mit JS die Style-Definitionen einer Seite verändern. Hier ein klitzekleiner Wegweiser durch die DOM-Syntax (vgl. "Beispiel für DOM-Sytax"):

        Schritt 1: Wir manipulieren das Document-Objekt, also:

        document.

        Schritt 2: Wir wollen auf ein Element mit einem bestimmten Tag-Namen zugreifen, nämlich body:

        document.getElementsByTagName("body")

        Schritt 3: Und zwar auf das erste davon (gibt ja nur eins, wir müssen trotzdem mit Indexnr. darauf zugreifen - Zählung fängt bei null an):

        document.getElementsByTagName("body")[0].

        Schritt 4: Wir wollen auf die Style-Eigenschaften dieses Elements zugreifen:

        document.getElementsByTagName("body")[0].style.

        Schritt 5: Und zwar hier auf die Eigenschaft "Hintergrundbild":

        document.getElementsByTagName("body")[0].style.background

        Schritt 6: Dieser Eigenschaft wird ein neuer Wert zugewiesen, und zwar als String in CSS-Syntax (Semikolon schließt die JS-Anweiisung ab):

        document.getElementsByTagName("body")[0].style.background = "url(neuerhintergrund.gif)";

        Das ganze kannst Du dann bspw. als Funktion definieren:

        function changebg() {
        document.getElementsByTagName("body")[0].style.background = "url(neuerhintergrund.gif)";
        }

        und z.B. als Link oder wie auch immer aufrufen:

        <a href="#" onclick="changebg(); return false;">Hintergrund ändern</a>

        Das ist das prinziipelle Verfahren - Abwandlungen ohne Ende zur Anpassung an Deine Bedürfnisse sind denkbar.

        Grüße,

        Utz

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln