Wie kann ich warten, bis ein Bild vollständig geladen ist? [Duplikat] ⇐ HTML

[Anonymous]

Ich möchte ein Objekt erstellen, das über eine Bildeigenschaft verfügt, aber ich möchte, dass die Ausführung des Konstruktors erst beendet wird, wenn das Bild geladen ist. Oder um dies mit Code zu beschreiben:

Code: Select all

GraphicObject = Class.extend({

//This is the constructor
init: function(){
this.graphic = new Image();
this.graphic.src = 'path/to/file.png';

while(true)
{
this.graphic.onload = function(){break;};
//I know this won't work since the 'break' is on a different context
//but you got what I try to do.
}
}

})

Für diejenigen, die mit der Klassennotation, die ich in meinem Skript verwende, nicht vertraut sind: Sie basiert darauf.

Irgendwelche Ideen?