using the added event listerner

Question

working in a canvas project. when i use the following code, the pic loads fine, but i don't get the trace alert.

var page1Pic = new createjs.Bitmap("page1.0.png")
root.addChild(page1Pic);
page1Pic.addEventListener("added", picAdded);
function picAdded(event){
  alert("Trace");
  // my goal here would be to start loading a second picture
};

if i use the "click" event listener, as in the following code, i get the trace alert.

var page1Pic = new createjs.Bitmap("page1.0.png")
root.addChild(page1Pic);
page1Pic.addEventListener("click", picAdded);
function picAdded(event){
  alert("Trace");
};

what gives?

is there a better way to load one pic and display it before starting to load the next pic?

Colin Holgate · Accepted Answer

Try adding the listening before you add the bitmap. Otherwise it's too late.var page1Pic = new createjs.Bitmap("page1.0.png") page1Pic.addEventListener("added", picAdded); root.addChild(page1Pic);

Numinus67 · Answer

what's a simple way to make the added child the same width as the container into which it is added?

i.e. if i add the bitmap to a movie clip on the stage like so:

var page1Pic = new createjs.Bitmap("page1.0.png")
root.picTarget.addChild(page1Pic);

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.