How to make a button load a jpg?

[antipodeansson]

Hopefully someone can help me out with this?

I have a movie clip on the main stage that within it has a button that upon rollover, plays a fade in/out animation. This part is fine.

I would like have the movie clip on a layer called movie 1 when clicked on, load a jpg into a blank movieclip on a seperate layer called moviebox. How could I do that?

Thanks in advance!

[pellepiano]

Only MX can load jpgs and only non progressive ones.

// On a button
on(release){
_root.moviebox.loadMovie("myImage.jpg");
}

The image should be in the same folder as the Flash file when testing in Flash.
(moviebox movieclip should be on the main timeline).

[antipodeansson]

hi

thanks for the reply ... what is a progressive jpg?

I've gone ahead & created a button on the main timeline that has this action:

on(release){
_root.moviebox.loadMovie("introbox.jpg");
}

My image was located in the same folder as the flash file and still won't load ... not too sure what's going on here?!

I've attached my fla in case that helps?

[pellepiano]

Its your button that acts weird, probably because of the movieclip on the first frame. I made a new button and then the jpg loaded fine.

Note though that external files load with their top left into the middle of the target mc.

When saving a jpg you have the option to save it as a progressive jpg. In a html page that would mean it will show as its being loaded. Flash does not support that.

[eChimp]

i usually do it by creating a container for a MC.. and then dynamically load the jpg in that.

i used this technique for a childrens toy catelogue. http://www.earlylearningcentre.com.au . if you are looking for a tutorial regarding dynamic images.. there is a good one at http://www.kirupa.com then all you do is create an on release function for your button.

eg.

code:

---

on (release)

{

  loadMovie("swf file that has the container.swf", level)

}

---

for the swf with the container that holds the image

code:

---

_root.createEmptyMovieClip("container", level);

container.loadMovie("image.jpg");

container._x = 0; // this positions the images x co-ordinate.

container._y = 0; // this positions the images y co-ordinate.

---

hope this helps...

remember you can't save the jpg as progressive.. flash MX doesn't support it.

eChimp!!

[antipodeansson]

Thanks everybody for their help!

[antipodeansson]

ok - I've managed to create a button that loads a jpg in an empty movieclip container.

on the over state of the button I have a movieclip play when the cursor rolls over it.

the problem is getting the cursor to roll over and click on the button properly. how can I click on the button besides just the edges of it??

I've attached my fla.

[pellepiano]

The clickable area of a button is defined by what is in the HIT STATE of the button. Just make a shape , as big as the whole button there.