Image.onLoad zu früh ausgeführt?

[dunst-105]

Hallo ich verzweifele gerade noch an meinem Problem...
Ich will auf meiner Seite einige Bilder laden und da die Seite ohne den Bildern sinnlos wäre lege ich anfangs eine div Box über den ganzen Schirm als "Ladebildschirm".

Nun wollte ich wenn das letzte Bild geladen ist, per onLoad die div Box ausblenden.
Nur leider wird sie nicht am Ende sondern gleich zu Beginn ausgeblendet, an was könnte das liegen?

Hier unten mein Code:

  
var BildListe = new Array();  
var path ="...pfad...;  
var ending = ".jpg";  
  
BildListe[0] = path + "1A" + ending;  
BildListe[1] = path + "1B" + ending;  
BildListe[2] = path + "1C" + ending;  
BildListe[3] = path + "1D" + ending;  
BildListe[4] = path + "1E" + ending;  
BildListe[5] = path + "1F" + ending;  
BildListe[6] = path + "1G" + ending;  
BildListe[7] = path + "1H" + ending;  
...  
  
var Bilder = new Array();  
  
function preload()  
{  
  for (i = 0; i < BildListe.length; i++)  
  {  
    Bilder[i] = new Image();  
	  
    if (i == (BildListe.length-1))  
    	Bilder[i].onLoad = makeVisible();  
	  
    Bilder[i].src = BildListe[i];  
  }  
}  
function makeVisible()  
{  
    document.getElementById(\'loaddiv\').style.display=\'none\';  
}  
preload();