bilder im voraus laden / user warten lassen
Robin
- javascript
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
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!
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
CK1P.S.: Selber Denken bildet!
Benehmen ist Glücksache, und davon hat der Mensch nunmal recht wenig.
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
Grundlage für Zitat #129.