sebastian: Zufallshintergrund

Hallo,

ich habe eine Tabelle mit 2 Zeilen und 1 Spalte.

Der Tabellenhintergrund (JPEG-Datei) sollte zufällig zwischen 2 Bildern ausgewählt werden.

Wie geht sowas ?

Hat irgendwer Beispielscripte ?

Danke

Sebastian

  1. Hallo

    Hat irgendwer Beispielscripte ?

    http://de.selfhtml.org/javascript/objekte/math.htm#random

    Gruß Gernot

  2. Hallo Sebastian,

    das war tatsächlich ein bisschen knifflig:

    <script type="text/javascript">
    <!--
    var bgArray = new Array("bild1.jpg", "bild2.jpg");

    function zufall() {
      do {
      zahl=parseInt(Math.random()*bgArray.length);
      } while((isNaN(zahl))||(zahl<0));
      document.body.style.backgroundImage="url(" + bgArray[zahl] + ")";
    }

    window.onload=zufall;

    //-->
    </script>

    Damit kannst du auch noch mehr Zufallsbilder (z.B. "bild3.jpg")einbauen.

    Gruß Gernot

    1. Danke Gernot !

      Hallo Sebastian,

      das war tatsächlich ein bisschen knifflig:

      <script type="text/javascript">
      <!--
      var bgArray = new Array("bild1.jpg", "bild2.jpg");

      function zufall() {
        do {
        zahl=parseInt(Math.random()*bgArray.length);
        } while((isNaN(zahl))||(zahl<0));
        document.body.style.backgroundImage="url(" + bgArray[zahl] + ")";
      }

      window.onload=zufall;

      //-->
      </script>

      Damit kannst du auch noch mehr Zufallsbilder (z.B. "bild3.jpg")einbauen.

      Gruß Gernot

    2. Hallo nochmal,

      ok, dein quellcode ändert den hintergrund der GANZEN html seite. bei mir müsste sich aber nur der hintergrund der ersten zeile verändern:

      Hier der Code:

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
      "http://www.w3.org/TR/html4/loose.dtd">
      <html>
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <title>Unbenanntes Dokument</title>
      </head>
      <body>
      <table width="100%"  border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="113"></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
      </table>
      </body>
      </html>

      Noch einen Vorschlag ?

      Hallo Sebastian,

      das war tatsächlich ein bisschen knifflig:

      <script type="text/javascript">
      <!--
      var bgArray = new Array("bild1.jpg", "bild2.jpg");

      function zufall() {
        do {
        zahl=parseInt(Math.random()*bgArray.length);
        } while((isNaN(zahl))||(zahl<0));
        document.body.style.backgroundImage="url(" + bgArray[zahl] + ")";
      }

      window.onload=zufall;

      //-->
      </script>

      Damit kannst du auch noch mehr Zufallsbilder (z.B. "bild3.jpg")einbauen.

      Gruß Gernot

      1. Hallo Sebastian,

        ok, dein quellcode ändert den hintergrund der GANZEN html seite. bei mir müsste sich aber nur der hintergrund der ersten zeile verändern:

        Vorschlag:

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
        <html>
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>Unbenanntes Dokument</title>

        <script type="text/javascript">
        <!--
        var bgArray = new Array("bild1.jpg", "bild2.jpg");

        function zufall() {
          do {
          zahl=parseInt(Math.random()*bgArray.length);
          } while((isNaN(zahl))||(zahl<0));

        document.getElementById('ersteZeile').style.backgroundImage="url(" + bgArray[zahl] + ")";

        }

        window.onload=zufall;

        //-->
        </script>

        </head>
        <body>
        <table width="100%"  border="0" cellspacing="0" cellpadding="0">

        <tr id="ersteZeile">
               <td style="height:113px">&nbsp;</td>

        </tr>
          <tr>
            <td>&nbsp;</td>
          </tr>
        </table>
        </body>
        </html>

        Gruß Gernot