Robin: bilder im voraus laden / user warten lassen

Hi an alle,

ich baue gerade ein Bilderrätsel für Kinder. Die Kiddies müssen dabei Bilder erraten, die in acht Teile aufgeteilt sind. Zuert sehen sie acht Türchen und wenn sie auf eines dieser Türchen klicken, erscheint dann das "darunterliegende" Teilbild des zu erratenen Bilds. In einem Formular nebendran müssen die Kinder dann angeben, wieviele Türchen sie öffnen mussten, um das Bild zu erkennen.

Ich möchte jetzt die "darunterliegenden" Teilbilder im voraus laden lassen, und während dieser Ladevorgang läuft, sollen die Kinder aufgefordert werden kurz zu warten. Wenn die Teilbilder im voraus fertig geladen wurden, kann's losgehen.

Wer hat mir ein kleines Script dazu - im ForumsArchiv konnte ich dazu leider nichts finden.

Danke und viele Grüße,

Robin

P.S. Anschauen kann man sich das Spielchen unter
www.kresslesmuehle.de/kinderstadt bzw.
www.kresslesmuehle.de/kinderstadt/html/frameset.html

  1. Hi,

    ich baue gerade ein Bilderrätsel für Kinder. Die Kiddies müssen dabei Bilder erraten, die in acht Teile aufgeteilt sind. Zuert sehen sie acht Türchen und wenn sie auf eines dieser Türchen klicken, erscheint dann das "darunterliegende" Teilbild des zu erratenen Bilds. In einem Formular nebendran müssen die Kinder dann angeben, wieviele Türchen sie öffnen mussten, um das Bild zu erkennen.

    Ich möchte jetzt die "darunterliegenden" Teilbilder im voraus laden lassen, und während dieser Ladevorgang läuft, sollen die Kinder aufgefordert werden kurz zu warten. Wenn die Teilbilder im voraus fertig geladen wurden, kann's losgehen.

    Wer hat mir ein kleines Script dazu - im ForumsArchiv konnte ich
    dazu leider nichts finden.

    Wie waers mit selber denken?

    Ich geb dir mal einen Loesungsweg:

    Definier einen Layer ueber die ganze Sache, in dem ne Sache alla
    "Bitte warten" oder so steht. Der Layer muss den hoechsten z-index
    haben.

    Dann definierst du eine Funktion, die feststellt, ob alle Bilder
    geladen wurden:

    var laenge = 10; // 10 ist in diesem Fall die Anzahl der Bilder
    var akt = 0;

    function warte()
    {
    akt++;

    if(akt >= laenge)
      {
      if(document.layers)
       {
       document.layers['wart'].visibility = "hidden";

    } else {
       document.all['wart'].style.visibility = "hidden";
       }
      }
    }

    Jetzt noch bei den Bildern per onload-Event die Fkt aktivieren:

    <img src="bild.jpg" onload="warte();">

    Und schon hast du deine Warten-Fkt fertig.

    mfg
    CK1

    P.S.: Selber Denken bildet!

    1. Hi,

      ich baue gerade ein Bilderrätsel für Kinder. Die Kiddies müssen dabei Bilder erraten, die in acht Teile aufgeteilt sind. Zuert sehen sie acht Türchen und wenn sie auf eines dieser Türchen klicken, erscheint dann das "darunterliegende" Teilbild des zu erratenen Bilds. In einem Formular nebendran müssen die Kinder dann angeben, wieviele Türchen sie öffnen mussten, um das Bild zu erkennen.

      Ich möchte jetzt die "darunterliegenden" Teilbilder im voraus laden lassen, und während dieser Ladevorgang läuft, sollen die Kinder aufgefordert werden kurz zu warten. Wenn die Teilbilder im voraus fertig geladen wurden, kann's losgehen.

      Wer hat mir ein kleines Script dazu - im ForumsArchiv konnte ich
      dazu leider nichts finden.

      Wie waers mit selber denken?

      Ich geb dir mal einen Loesungsweg:

      Definier einen Layer ueber die ganze Sache, in dem ne Sache alla
      "Bitte warten" oder so steht. Der Layer muss den hoechsten z-index
      haben.

      Dann definierst du eine Funktion, die feststellt, ob alle Bilder
      geladen wurden:

      var laenge = 10; // 10 ist in diesem Fall die Anzahl der Bilder
      var akt = 0;

      function warte()

      »»  {
      »»  akt++;

      »»  if(akt >= laenge)

      {
        if(document.layers)
         {
         document.layers['wart'].visibility = "hidden";

      } else {
         document.all['wart'].style.visibility = "hidden";
         }
        }

      »»  }

      Jetzt noch bei den Bildern per onload-Event die Fkt aktivieren:

      <img src="bild.jpg" onload="warte();">

      Und schon hast du deine Warten-Fkt fertig.

      mfg
      CK1

      P.S.: Selber Denken bildet!

      Benehmen ist Glücksache, und davon hat der Mensch nunmal recht wenig.

      1. Hi,

        Benehmen ist Glücksache, und davon hat der Mensch nunmal recht
        wenig.

        Der Verstand ist wie eine Fahrkarte: Sie
        hat nur dann einen Sinn, wenn sie benutzt wird.
        (Ernst R. Hauschka)

        mfg
        CK1