Instanced MovieClips in gallery

[LBueno]

I’d like to do a gallery similar to http://www.sharkmatic.com/ (skip the intro, click on Work, then on Websites)

I made a movieclip that animates the “growing” effect of the thumbnails called mcSmallImg. I would like to just animate one symbol but use it for all thumbnails. I am unable to change the thumbnail to an image without changing all instances of mcSmallImg.

Any idea as to what I’m overlooking? Do I need to make a new symbol for every thumbnail instead of using instances of mcSmallImg?

I have uploaded the flash file. Thanks in advance.

http://www.aquatichousesa.com/main.fla

[stringy]

@LBueno

I’d like to do a gallery similar to http://www.sharkmatic.com/ (skip the intro, click on Work, then on Websites)

I made a movieclip that animates the “growing” effect of the thumbnails called mcSmallImg. I would like to just animate one symbol but use it for all thumbnails. I am unable to change the thumbnail to an image without changing all instances of mcSmallImg.

Any idea as to what I’m overlooking? Do I need to make a new symbol for every thumbnail instead of using instances of mcSmallImg?

I have uploaded the flash file. Thanks in advance.

http://www.aquatichousesa.com/main.fla

No you don`t need to make a new symbol for each thumbnail - just create an empty movieclip within each.Try this ,see if it gets you closer.Remove the tween/actions + all frames after frame1 on one of the clips.Then move it so that it is a central registration point.Return back to the main timeline and reposition the whole layer containing the clips.Rename the clips mcSmall0,mcSmall1,mcSmall2…etc

in the actions panel

for (var i = 0; i<20; i++) {
	this["mcSmall"+i].onRollOver = myroll;
	this["mcSmall"+i].onRollOut = myout;
	var clip = this["mcSmall"+i].createEmptyMovieClip("l", 1);
	clip._x = -10;
	clip._y = -10;
	//not ideal to load all together but should give you the idea
	clip.loadMovie("http://www.fmx6.com/t"+Number(i+1)+".jpg");
}
//i have just made bigger/smaller but you can tween this if you want
function myroll() {
	this._xscale = this._yscale=150;
}
function myout() {
	this._xscale = this._yscale=100;
}