AJAX - Bilder preloaden

[benedikt.s]

Hallo Zusammen,

folgende Problemstellung:

Ich realisiere eine Art Slideshow mit automatischem Bilderwechsel.

Nun möchte ich das Bild welches als nächstes eingeblendet werden soll per XMLHttpRequest empfangen und dann anzeigen.

----

Mein Ansatz:

Eine Receive-Methode in der ich den ReadyState und Status abfrage.
Diese besagen "4" für DONE und "200" für OK.

Leider ist das Bild zu diesem Zeitpunkt noch gar nicht vollständig geladen, lediglich der Response Header wurde empfangen...

Wie Frage ich ab, ob das Bild tatsächlich schon vollständig geladen wurde?

  
function BilderVorladen(number) {  
  
    if(number < bild_array.length) {  
  
        /* Create http request variable */  
        var http_request = __IS_x_createHTTPRequestObject();  
  
        /* Set receive function */  
        http_request.onreadystatechange = function() {  
            receivePreloadImage(http_request, number, bild_array[number]);  
        };  
  
        /* Do http request */  
        http_request.open('GET', bild_array[number], true);  
        http_request.send(null);  
    }  
}  
  
function receivePreloadImage(http_request, number, image_name) {  
  
    /* Check ready state */  
    if (http_request.readyState == 4 && http_request.status == 200) {  
  
        if(document.images) {  
            MOTION_IMAGES[image_name] = new Image();  
            MOTION_IMAGES[image_name].src = image_name;  
        }  
  
        // Preload next image  
        BilderVorladen(number + 1);  
    }  
}  

Grüße,
Bene