nicht angemeldet
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!