Bilderbuchprobleme

[gatto]

Hi an alle!

Ich hab da schon wieder ein kleines Problem...
Das folgende Script läuft zwar einwandfrei aber es lädt alle Bilder vor bevor es das erste anzeigt... gibt's da vielleicht eine Möglichkeit das zu unterbinden? Bei 53 Bildern die insgesamt 1,5 MB haben dauert das nämlich viel zu lange bevor man überhaupt das erste Bild sieht!
Danke schon mal im vorhinein!

//Dieses Skript stammt aus SelfHTML7.0.
var Bild = new Array(53);

Bild[0] = new Image(); Bild[0].src="gatto.jpg";
Bild[1] = new Image(); Bild[1].src="grax.jpg";
und so weiter...

var zeige = 0;
var Breite = 500; var aktuelleBreite = 0;
var Geschwindigkeit = 20;

function Blaettern(Richtung)
{
zeige = zeige + Richtung;
if(zeige > Bild.length - 1) zeige = 0;
else if(zeige < 0) zeige = Bild.length - 1;
if(document.all)
{
document.all.Bildbereich.style.clip="rect(0 0 346 0)";
document.all.Bildbereich.innerHTML = "<layer width=500 height=346><img src=\"" + Bild[zeige].src + "\"></layer>";
}
else if(document.layers)
{
document.layers[0].visibility = "hide";
document.layers[0].document.open();
document.layers[0].document.write("<img src=\"" + Bild[zeige].src + "\">");
document.layers[0].document.close();
document.layers[0].clip.right = 0;
document.layers[0].visibility = "show";
}
BildAufbauen();
}
function BildAufbauen()
{
if(aktuelleBreite <= Breite)
{
if(document.all)
document.all.Bildbereich.style.clip="rect(0 "+ aktuelleBreite +" 346 0)";
else if(document.layers)
document.layers[0].clip.right = aktuelleBreite;
aktuelleBreite = aktuelleBreite + Geschwindigkeit;
window.setTimeout("BildAufbauen()",0);
}
else
{
aktuelleBreite = 0;
if(document.all)
document.all.Bildbereich.style.clip="rect(0 "+ Breite +" 346 0)";
else if(document.layers)
document.layers[0].clip.right = Breite;
}
}
function Init()
{
if(document.all)
document.all.Bildbereich.innerHTML = "<layer width=500 height=346><img src=\"" + Bild[0].src + "\"></layer>";
else if(document.layers)
{
document.layers[0].document.open();
document.layers[0].document.write("<img src=\"" + Bild[0].src + "\">");
document.layers[0].document.close();
}
}