Thumbnails enlarge when hovered over

Question

Hi all,
I'm trying to create an archive page for the past issues of a
newsletter. I've tried creating one with CSS, which looks fine in
Firefox but tweaks out in IE6. So I'm trying to create an archive
page using Flash. I'd like to create a page similar to the AIGA
Design Archives page:
http://designarchives.aiga.org/
First, I'm having difficulting with the image gallery itself
- making the thumbnails zoom out when the mouse hovers. Then on top
of that, how would I enable the text/information/lightbox to appear
after the thumbnail (the green box)? It seems like a lot of
advanced Flash scripting is taking place, and the images are being
called from a database or XML file? I would eventually like to
accomplish this part as well, but initially if anyone can help me
get the image gallery started that would be very helpful.
I wasn't able to find any tutorials regarding the enlarging
of a thumbnail gallery, but I've found plenty of other image
scrolling, XML photo galleries.
Any help would be appreciated.
Thanks

Answer 1

Have a look at the Lee Brimlow carousel 3 tutorial concepts
ie xml and tootip.
at
http://www.gotoandlearn.com/download.php.
As for making the thumbnails zoom in and out I have a small example
using mosesSupposes.fuse librarys
to make things easy. Im not sure how to attach an fla here
but I will paste the action script below.
import mx.managers.DepthManager;
import com.mosesSupposes.fuse.*;
ZigoEngine.simpleSetup( Shortcuts , PennerEasing );
var home:MovieClip = this;
var xpos:Number = 150;
var ypos:Number = 100;
var boxwidth:Number = 120;
for(var i=0;i<3;i++)
var t = home.attachMovie("box","box"+i,i+1);
t._x = xpos +(boxwidth * i);
t._y = ypos;
t.box.loadMovie("hannah.jpg");
t.onRollOver = over;
t.onRollOut = out;
function over()
this.setDepthTo(DepthManager.kTop);
this.scaleTo(120,1,"easeOutBounce");
function out()
this.scaleTo(100, 1, "easeOutBounce");
if you want the fla please contact me directly.
Steve