Error loading images - Flash w/ AS3

Thanks Matt. I just pasted the whole thing as its not too much code. Basically the disableBtn function creates the loader and urlRequest and the onOver function is what runs it.

Let me know if you need me to clarify anything else. Thanks again.

import caurina.transitions.Tweener;
 
 
//store the buttons in as an object for later use/reference.
var btn:Object;
var disabledBtn:Object;
//The currentPage / nextPage variable holds the movieclips we will load.
var currentPage:MovieClip = null;
var nextPage:MovieClip = null;
 
//the loader
var loader:Loader;
//which movieclip to load
var urlRequest:URLRequest;
 
//first we'll reference to all the buttons on the stage
var buttons:Array = new Array (b1, b2, b3, b4, b5, b6);
//this array holds all the names we want to use for our buttons
var button_name:Array = new Array ("Home", "About Us", "Selected Work", "References", "Jobs", "Contact");
//this array stores which swf we want to load
var swf_array:Array = new Array ("pic1.png","swf2.swf","swf3.swf","swf4.swf","swf5.swf","swf6.swf");
 
 
for (var i:String in buttons) {
	//assign the button_name array to the textclip of our buttons
	buttons[i].button_txt.txt.text = button_name[i];
	buttons[i].alpha = .25;
 
	//assign which swf we'll load for each of the buttons
	buttons[i].currentPage = swf_array[i];
	//declare that we'll use the movieclip as a button
	buttons[i].buttonMode = true;
	//make sure that the button_txt clip doesn't react to the mouse.
	buttons[i].button_txt.mouseChildren = false;
	//add the listeners for our buttons
	buttons[i].addEventListener(MouseEvent.MOUSE_OVER,onOVER);
	buttons[i].addEventListener(MouseEvent.MOUSE_OUT,onOUT);
}
 
function onOVER(event:MouseEvent):void {
	btn = event.currentTarget;
	//here we tween to the over color we've assigned earlier on with the variables.
	Tweener.addTween(btn, {alpha:1, time: 1});
	disableBtn(btn);
}
function onOUT(event:MouseEvent):void {
	btn = event.currentTarget;
	//TweenMax.to(btn , speed , {tint:colourOut, ease:motion});
	Tweener.addTween(btn, {alpha:.25, time: 1});
}
 
function disableBtn(btn:Object):void {
	//Create a new loader instance
	loader = new Loader();
	//add the currentPage variable to the url request
	urlRequest = new URLRequest(btn.currentPage);
 
	//load the url request
	loader.load(urlRequest);
	//once the file has been loaded we'll trigger the fileLoaded function
	loader.contentLoaderInfo.addEventListener(Event.COMPLETE, isLoaded);
}
 
function isLoaded(event:Event):void {
 
	//The loader now contains the page we are going to display later on.
	nextPage = event.target.content;
	//check if there is a currentPage
	if (currentPage != null) {
		//tween the alpha to zero
		Tweener.addTween(currentPage, {alpha:0, time: .3, onComplete: currentPageOut});
 
	} else {
		//if there is no currentPage we'll trigger the showNextPage function.
		doNextPage();
	}
}
 
function doNextPage():void {
	//position the loaderclip as nextPage
	nextPage.x = 238.0;
	nextPage.y = 0;
	//Tween the alpha to from 0 to 1
	Tweener.addTween(currentPage, {alpha:1, time: .3});
	//Add the next page to the stage
	addChild(nextPage);
	//Next page is now our current page,confusing? it isn't. We replace the next page with our current one.
	currentPage = nextPage;
 
 
}
//Once the animation is completed we'll trigger this function
function currentPageOut():void {
	//Remove the current page completely from the stage
	removeChild(currentPage);
	//Let's show the next page
	doNextPage();
}
//don't place a stop command because we will directly land on frame 2.
 
stop();

                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:

Couple questions...

1. Is pic1.png in the same directory as your swf that you are exporting? (Not in images/pic1.png for example)
2. is pic1.png the way the name appears in the file (ex. not Pic1.png or pic1.PNG? (Sometimes matters in Windows))

1. Yes, pic1.png is in the same directory as the SWF files
2. Yes, the file name is "pic1.png" in the directory.

Also, I just noticed something new. I'm not entirely sure what I did but the error message has changed:

TypeError: Error #1034: Type Coercion failed: cannot convert flash.display::Bitmap@3e91d2e1 to flash.display.MovieClip.
   at image_Loader_fla::menu_1/isLoaded()

Not really sure why the sudden change. Nevertheless, not really sure why its trying to convert the image I'm trying to load into a movieclip. Any ideas?

It's failing to convert your png image for use in the button. What I would do is since it seems you are loading all swf's except the image, just take your png image, put it into a new document and size it up and everything and then publish it as a swf (like your other ones) and then just load pic1.swf or whatever you'd like to call it. Probably be the easiest way to do it and since that's what you are doing with all the others, the most uniform.

Actually, I left the SWFs in there just as an example so you can see it working. I actually would much prefer to load only Bitmap images (just in case I need to edit or change the images, I don't want to have to go into each FLA file to change the image and export a new SWF).

Would it be that difficult to make the switch to allow for only Bitmaps?

Hi there.
type coersion error , change

loader.contentLoaderInfo.addEventListener(Event.COMPLETE, isLoaded);
to
loader.addEventListener(Event.COMPLETE, isLoaded);

Thanks for the reply blue-genie. You've been quite helpful today :)

I just made the switch as you suggested and am no longer receiving any error messages which is great. However, the image that I'm trying to load externally still isn't loading (and now, neither are the SWFs).

Is there something else that I'm missing?

ok i see your problem.
can you wait till the weekend.
i have a couple of projects I need to finish for friday.
if no one gets back to you with a solution i'll look in on saturday.

Thanks for the reply blue-genie. I appreciate your consideration.

However, I really don't mean to sound needy but I am using this for a project I'm working on for a client. I haven't been able to move forward with it because I've been stuck at this point and the deadline is coming up really fast.

If you're busy - I understand. Hopefully someone else can help out. I may have to put in another request for attention though.

If you come back on Saturday and notice the question is still unresolved, I can definitely still use the help.

With that said, anyone else have any ideas on how to fix this issue? :)

So I've looked into the issue a bit further. What I am noticing is that the alpha animations are somewhat working. You will generally see a fade out on mouse out. But when you originally mouse over, the image appears instantly without the animation.

What I'm guessing is happening is that since the external image takes a split second to load, it is bypassing the alpha animation and just loading almost instantly. I have tried playing with different settings but can't seem to get this working properly.

Does anyone have any ideas?

Hi again. I dont' remember where we left off. if that's the case, then you should set the loader object visibility to 0, then use an event listener to check when the object is finished loading and only then do the tween.

upload your latest file again if you want.will have a look.

Thanks blue-genie.

I'm pretty sure I already have what you suggested in my code but it still doesn't seem to be working (I must be missing something).

Anyway, you can find my latest files here: http://drop.io/image_loader

Thanks again for the help.

Thanks for the help blue-genie! This is exactly what I was trying to do. I went through your code and it all seems to make sense. Thanks again!

Before I close the question, I actually just have one last question :)

What if instead of loading external Bitmap images in my gallery,  I want to load movieclip files from the library. With the way I set up my code, what would I need to modify to get the same loading with alpha fade in/fade out effects that blue-genie provided in the last reply?

i had a fiddle around, managed to get it to load and fade in, but the fade out didn't work. was taking too long so I had to stop to do some work.
will have a look when i get a chance at your new post.