Helmar Schütz: mehrere Grafiken in Endlosschleife ein- und ausblenden

SELF-Forum

mehrere Grafiken in Endlosschleife ein- und ausblenden

Helmar Schütz Homepage des Autors
– Informationen zu den Bewertungsregeln

Wie schaffe ich es mehrere jpg-Dateien in einer Endlosschleife ein- und auszublenden?

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. mehrere Grafiken in Endlosschleife ein- und ausblenden

    Stefan Einspender
    – Informationen zu den Bewertungsregeln

    Wie schaffe ich es mehrere jpg-Dateien in einer Endlosschleife ein- und auszublenden?

    Dazu benötigst Du JavaScript. Schreibe Dir einfach ein Script, welches den gewünschten Ablauf realisiert und baue es ein.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. mehrere Grafiken in Endlosschleife ein- und ausblenden

    Dmitri Rettig
    – Informationen zu den Bewertungsregeln

    Hi,

    <script type="text/javascript">
    <!--
       // Bilder vorladen, damit sie geladen sind

    var bild = new Array();
           bild[0] = new Image();
                     bild[0].src = "bild1.jpg";
           bild[1] = new Image();
                     bild[1].src = "bild2.jpg";
           bild[2] = new Image();
                     bild[2].src = "bild3.jpg";
           // du kannst weitere Bilder vorladen

    var i = 1;

    function Daumenkino()   {

    if (i == 3)
              i = 0;

    document.daumenkino.src = bild[i].src;
          // Daumenkino ist die id deines Bildes
          // <img src="bild" id="daumenkino" ... />
          // Das must du natürlich im <body> Teil einfügen

    i++;

    window.setTimeout("Daumenkino()",1000); // 1000 ms = 1 sec
          // Du kannst den Wert ändern

    }

    // <body onLoad="Daumenkino();" ... > nicht vergessen

    </script>

    Ich hoffe, es ist verständlich.

    Mit freundlichen Grüßen
       Dmitri Rettig

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. mehrere Grafiken in Endlosschleife ein- und ausblenden

      Dmitri Rettig
      – Informationen zu den Bewertungsregeln

      Sorry, fehlerchen

      Hi,

      <script type="text/javascript">
      <!--
         // Bilder vorladen, damit sie geladen sind

      var bild = new Array();
             bild[0] = new Image();
                       bild[0].src = "bild1.jpg";
             bild[1] = new Image();
                       bild[1].src = "bild2.jpg";
             bild[2] = new Image();
                       bild[2].src = "bild3.jpg";
             // du kannst weitere Bilder vorladen

      var i = 1;

      function Daumenkino()   {

      if (i == bild.length) // <<< hier steckt der fehler

      i = 0;

      document.daumenkino.src = bild[i].src;
            // Daumenkino ist die id deines Bildes
            // <img src="bild" id="daumenkino" ... />
            // Das must du natürlich im <body> Teil einfügen

      i++;

      window.setTimeout("Daumenkino()",1000); // 1000 ms = 1 sec
            // Du kannst den Wert ändern

      }

      // <body onLoad="Daumenkino();" ... > nicht vergessen

      </script>

      Ich hoffe, es ist verständlich.

      Mit freundlichen Grüßen
         Dmitri Rettig

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln