Thumbnail to full size transition

programming flash
1

Like the title says, I’m curious if anyone has some code laying around for this type of effect.

Basically I will have 5 thumbnails, once the user clicks on this thumnail it will move over to the other side of the stage, and turn into the full sized version of the photograph.

Then once a new thumbnail is clicked, the full sized will scale back down, become the thumbnail once again, and then the newly selected thumbnail will do like step 1.

Hopefully my tired written is understandable.

2

Any ideas guys?

3

Something like this?

scotty(-:

4

Exactly like that, thank you so much.

5

you’re welcome :thumb:

6

Now I have approached my new problem. Is ther a way to assign the selected MC to display text?

Like if I click on mc4 … how would I go about putting a description under the image once it has reached full size…?

7

Not tested

var cur;
txtArray = new Array("desc1.txt", "desc2.txt", "desc3.txt", "desc4.txt");
MovieClip.prototype.changePics = function() {
	this.onEnterFrame = function(id) {
		if (cur != undefined) {
			cur._xscale = 20-(20-cur._xscale)/1.2;
			cur._yscale = cur._xscale;
			if (cur._xscale<21) {
				cur._yscale = cur._xscale=20;
				cur._x = cur.sx-(cur.sx-cur._x)/1.2;
				cur._y = cur.sy-(cur.sy-cur._y)/1.2;
				if (Math.abs(cur.sx-cur._x)<1 && Math.abs(cur.sy-cur._y)<1) {
					this._x = bg._x-(bg._x-this._x)/1.2;
					this._y = bg._y-(bg._y-this._y)/1.2;
					if (Math.abs(this._x-bg._x)<1 && Math.abs(this._y-bg._y)<1) {
						this._xscale = 100-(100-this._xscale)/1.2;
						this._yscale = this._xscale;
						if (this._xscale>99) {
							this._yscale = this._xscale=100;
							cur = this;
							loadText(txtArray[id]);
							delete this.onEnterFrame;
						}
					}
				}
			}
		} else {
			this._x = bg._x-(bg._x-this._x)/1.2;
			this._y = bg._y-(bg._y-this._y)/1.2;
			if (Math.abs(this._x-bg._x)<1 && Math.abs(this._y-bg._y)<1) {
				this._xscale = 100-(100-this._xscale)/1.2;
				this._yscale = this._xscale;
				if (this._xscale>99) {
					this._yscale = this._xscale=100;
					cur = this;
					loadText(txtArray[id]);
					delete this.onEnterFrame;
				}
			}
		}
	};
};
my_var = new LoadVars();
function loadText(txt) {
	my_var.onLoad = function(ok) {
		if (ok) {
			//desc_txt is the instancename of your textfield
			desc_txt.html = true;
			//'info' is your text variable
			desc_txt.htmlText = this.info;
		}
	};
	my_var.load(txt);
}
for (var i = 0; i<4; i++) {
	var mc = this["mc"+i];
	mc.sx = mc._x;
	mc.sy = mc._y;
	mc.id = i;
	mc.onPress = function() {
		this.changePics(this.id);
	};
}

scotty(-: