This is the way i would do it. This is for one image only
Create a movie clip (MC) with 5 frame
Place an image on the timeline in frame 1
Create a new layer...change its properties to MASK
Draw out a rectangle on this mask layer, so that it masks just a part of the image on frame 1. Make the rectangle into a graphic symbol.
Repeat the mask on frame 5. Just increase the width of the rectangle symbol. Remember: In Flash a mask, shows what is under it...and hides stuff outside its boundaries.
Place a stop action in the first and last frame of the MC. So it dosent play till needed.
Now apply a motion tween between frame 1 and frame 5 in the mask layer.
Now create another layer for the button above the mask layer.
Create a rectangle as large as the image below, in this layer.
Make the rectangle into a button symbol.
Yeah..the rectangle button hides the image - select the button and choose edit in place.
In the timeline of the button symbol, move the rectangle into the last keyframe named Hit. This will make the button invisible.
When u go back to your main timeline, you'll see the button as a
see-thru aqua-blue. Don't worry, it will not be seen in your final swf.
Give the button this code
Code:
on (rollOver){
gotoAndPlay (2)
}
on (rollOut){
gotoAndStop(1)
}
Thats it....create as many different images that you want...and line them up
I've done just that. I don't have the files with me right now, I wrote it a long time ago in as2. If you want, I'll find the files when I get home and upload them for you so you can take a look at them.
Thank you RanTen...
this is actually not working...there is a glitch somewhere...when i rollover my image (lets say the first one) the image expands fine, but the image next to it (the second image) appears on top of it. Its pretty hard to explain, but basically when the images expand, the ones next to them appear non expanded.
i followed the instructions accurately...the rollover works fine on its own
am i doing something wrong? I am using AS2
mneil i would really like to take a look at your files if that is ok.
Well, I can't find my fla that had exactly what you're looking for But I did find another file that has the functionality you need. It's a slideshow that reads from an xml file and load a stylesheet to format some html text from the xml to do captions. At the bottom of the slideshow it numbers, basically, the image and that part has the animation you're looking for. If you're just starting out what I wrote may be a bit confusing but if you can pull out the part that has the animation I think it could really help you.
get it at clients.mneilsworld.com/flashkit/slider.zip