Bilder Diashow mit Preload und "Bereitsgeladen-Absicherung"

[Phil]

Hallo zusammen,

ich benötige mal wieder Eure Hilfe!

Ich erfinde doch so furchtbar gerne das Rad neu, und da dachte ich mir, dass ich mal schnell 'ne Diashow (Slideshow, wie auch immer ;-)) schreibe.

Tja, die Worte "Ich" "schnell" und "schreibe" passen einfach nicht zusammen, und deshalb sitz ich mal wieder vor meinem Computer und hab wieder mal ein Haarbüschel weniger.

Die Slideshow hat ein Array, in dem sämtliche Bilder der Slideshow als URI hinterlegt sind. Alle 7 Sekunden wird per setTimeout ein neues Bild angezeigt, dass vorher als neues Image Objekt vorgeladen wurde. Gleichzeitig beginnt natürlich wieder per Image Objekt der Preload des nächsten Bildes. Soweit sogut, das ist ja alles keine große Sache, funktionier auch wunderbar.

Folgendes Problem:
Ich möchte nicht, dass die Slideshow zum nächsten Bild springt, bevor dieses komplett im Cache ist. Daher wollte ich, ja, eben so eine Art "Bereits-Geladen-Absicherung" einbauen, über die ich versuche, festzustellen, ob ein bestimmtes Bild geladen wurde, oder eben nicht.
Erster Ansatz war über complete des Image Tags. Musste aber leider bald feststellen, dass ich dass nur mit real existierenden Image Tags nutzen kann, nicht jedoch mit Image Objekten in Javascript.
Es folgten noch andere Versuche. Dann viel mir endlich wieder der altbewährte Trick mittels onload im <img> ein, wo sich jedes Bild praktisch bei einer Methode "Bereit" meldet.

Nun hab ich aber dummerweise neuerdings diesen Tick von wegen valides XHTML schreiben. Da fällt der onload Trick schnell wieder Weg, da onload nur im body und frameset Tag erlaubt ist.

Lange Rede kurzer Sinn, ich wollte mal hören, ob jemand irgendwelche genialen Ideen hat, wie man so eine Überprüfung auf Ladezustand schreiben kann, und trotzdem "sauber" bleibt.

Vielen Dank für jede Idee oder jedes Stichwort!

Gruß

Phil