How do I make an image load synchronously?

Question

I want to create an object that has an image property, but I want the contstructor to finish running only once the image is loaded. Or to describe this with code:

Answer 1

Put the dependent code in the callback. There is no other non-evil way.

GraphicObject = Class.extend({

    //This is the constructor
    init: function(){
          this.graphic = new Image();
          this.graphic.onload = function ()
          {
              // the rest of the ctor code here
          };
          this.graphic.src = 'path/to/file.png';
     }
});