Wis: Bilder zeitlich kontrolliert laden

Beitrag lesen

Hi Dave,

spiele jetzt gerade mit der document.images[x].height Abfrage herum.
Aber so richtig klappt auch das nicht.
Ich habe ich mich bestimmt schlecht ausgedrückt, versuche es deswegen nochmal:

Ich habe einen Container im CSS definiert, in den ich 16 Bilder lade (jedes 75px x 75)
So:

  
<div id="frame_kleinebilder">  
<a onmouseover="document.bild_gross.src=bild01_gross"><img src="bild01_klein.jpg" style="float:left; margin:5px"></a>  
<a onmouseover="document.bild_gross.src=bild02_gross"><img src="bild02_klein.jpg" style="float:left; margin:5px"></a>  
  
// usw bis Bild 16:  
  
<a onmouseover="document.bild_gross.src=bild16_klein"><img src="bild16_klein.jpg" style="margin:5px"></a>  
</div>  

Beim mouseover über ein kleines Bild, soll dem Container mit dem großen Bild (bild.gross) das dazugehörige große Bild zugewiesen werden. Die großen Bilder sind 500px x 500px groß.
Damit das sofort eintritt, lade ich die großen Bilder mit einer preload-Funktion vor.
Weil ich aber möchte, das erst die Seite mit den kleinen Bildern komplett aufgebaut wird, möchte ich die prelaod-Funktion erst starten, wenn alles andere fertig ist.
Mein Problem ist jetzt, dass sämtliche Anfragen für die Bilder sofort gestellt werden (auch die großen Bilder für´s mouseover) und somit der Seitenaufbau sehr lange dauert.

Ich hoffe, das ist etwas verständlicher.
Ich werde die Seite mal hochladen und verlinken, dann wird es vielleicht klarer.

Erstmal vielen Dank für die Anregungen,
schöne Grüße,
Wis