Warten mit Funktionsausführung bis Bild geladen

[IneX]

Problem gelöst:

die Funktion show_thumbs() wird mit dem onLoad-Event des <img>-Tags aufgerufen.

Inder Funktion selber findet keine direkte HTML-Ausgabe (mit document.write()) statt, sondern das HTML wird zuerst in einen String geschrieben und am Schluss einem bestehenden Element via .innerHTML zugewiesen.

Nun werden die Thumbnails erst geladen und angezeigt, wenn das Hauptbild vollständig geladen wurde!

Beispiel:

HTML:
<img src="images/1.jpg" onLoad="javascript:show_thumbs()" />
<p id="thumbnails"></p>

JavaScript:
function show_thumbs() {
 var html = "<table width="640" cellpadding="3" cellspacing="0"><tr>";
 html = html + "<td align="center" valign="middle">bild1</td>";
 html = html + "<td align="center" valign="middle">bild2</td>";
 html = html + "</tr></table>";

document.all.thumbnails.innerHTML = html; //Achtung: all geht nicht unter Mac
}