Hello,I have 2 buttons, each assigned to play videos and display an image beside the video player. I have noticed that when I click back and forth on the buttons, the movies and images load but the images that appear beside the player are loaded one on top of each other. In other words, clicking the button does not replace the image but simply adds the new one on top. This also happens if I continue to click on the same button, I only noticed because the images are in .png and have some transparency. Here is my code, can anyone help me? Also, I’m pretty sure I can group these 2 functions into 1 modular one but I’m not sure how.
voi.addEventListener(MouseEvent.CLICK, pm);
sec.addEventListener(MouseEvent.CLICK, pm2);
function pm(e) {
trace(“pm”);
video.play(“http://www.imaktion.com/videos/voisins.flv”)
var imageRequest:URLRequest = new URLRequest(“http://www.imaktion.com/images/dvds_3d/voisins-web-3d.png”);
var imageLoader:Loader = new Loader();
imageLoader.load(imageRequest);
addChild(imageLoader);
imageLoader.y = 200;
imageLoader.x = 530;
}
function pm2(e) {
trace(“pm2”);
video.play(“http://www.imaktion.com/videos/sec.flv”)
var imageRequest:URLRequest = new URLRequest(“http://www.imaktion.com/images/dvds_3d/sec-spec-web.png”);
var imageLoader:Loader = new Loader();
imageLoader.load(imageRequest);
addChild(imageLoader);
imageLoader.y = 200;
imageLoader.x = 530;
}
