Maddin: Bildfolge

Hi!
Wie kann ich mit Hilfe von JavaScript eine Bildfolge (mehrere Bildersollen nach einem Knopfdrück nacheinander angezeigt werden) realisieren,ohne dass ich eine animierte gif-Datei verwenden muss?

Maddin

  1. Hallo

    Du baust dir einen Zähler. Der wird bei Knopfdruck immer erhöht/verringert (achtung, Überlauf!) und lädt dann das entsprechende Bild.
    Du kannst entweder einen Array mit den Bildquellen machen oder die Bilder mit Zahln als Dateiname versehen. Je nach dem rufst du dann immer das entsprechende Bild entsprechend auf.

    Grüße

    David

    --
    "Nobody will ever need more than 640k RAM!"
    1981 Bill Gates
  2. Hallo,

    http://selfhtml.teamone.de/javascript/objekte/images.htm#src

    <html><head><title>Test</title>
    </head><body>
    <img src="hans.gif" width="400" height="300" alt="Hans">

    <script type="text/javascript">
    <!--
    /* Das gaze etwas abgeändert, da ich die Bezeichnungen so sinnvoller finde, und da der Code so etwas kuerzer ist */
       var pic = new Array();
       pic[0] = new Image();
       pic[0].src = "holger.gif";
       pic[1] = new Image();
       pic[1].src = "hilmar.gif";
       pic[2] = new Image();
       pic[2].src = "heiner.gif";
       pic[3] = new Image();
       pic[3].src = "hans.gif";

    var i = 0;
       function Animation()
       {
          if(i++ > pic.length-1)
             i = 0;
          document.images[0].src = pic[i].src;
          // gegebenfalls auch document.getElementById("bildid").src = pic[i].src;
          window.setTimeout("Animation()",1000);
        }
        window.setTimeout("Animation()",1000);
    //-->
    </script>
    </body></html>

    Mit freundlichen Grüßen
       Dimitri Rettig

    --
    =================================================
    letztlich hat mans leichter,
    wenn mans selber macht - Münz