Easel.js: Browser Compatibility When Placing An Image Within A Container And Adding Mouse Interactions

I'm going to start this question off by saying that this is 100% working in Firefox (v21.0). For some reason it's not working in Google Chrome (v27.0.1453.94m). It also doesn't wor

Solution 1:

This is probably because the image is not loaded. If you only update the stage after creating it, the image may not display. I would recommend adding a callback to the image to update the stage after its loaded.

// Simple approach. May not work depending on the scope of the stage.var temp = new createjs.Bitmap("images/bg_" + value +".jpg");
temp.image.onload = function() { stage.update(); }

It also may make sense to preload the images you intend to use.