# Easing Navigation

**URL:** <https://forum.kirupa.com/t/easing-navigation/262743>\
**Category:** flash\
**Created:** [June 9, 2008, 4:07pm UTC](https://forum.kirupa.com/t/easing-navigation/262743 "2008-06-09T16:07:14Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Matthew\_Padgett](https://avatars.discourse-cdn.com/v4/letter/m/71c47a/32.png) [@Matthew\_Padgett](https://forum.kirupa.com/u/Matthew_Padgett)\
**Post date:** [June 9, 2008, 4:07pm UTC](https://forum.kirupa.com/t/easing-navigation/262743/1 "2008-06-09T16:07:14Z")

</div>

Hello… could anyone help me here…

I would like to double the size of the graphics in this nice easing navigation.

what do i have to tell the action script to succeed in repositioning the contents?

```auto
Stage.scaleMode = "noScale";
this.createEmptyMovieClip("centerPoint", depth++);
centerPoint._x = sectionContainer.section1._x;
centerPoint._y = sectionContainer.section1._y;
var paddingX = sectionContainer._x;
var paddingY = sectionContainer._y;
function easeTo(sectionNumber) {
	var sX = sectionContainer[sectionNumber]._x;
	var sY = sectionContainer[sectionNumber]._y;
	var endX = centerPoint._x-sX+paddingX;
	var endY = centerPoint._y-sY+paddingY;
	sectionContainer.onEnterFrame = function() {
		this._x += (endX-this._x)/2;
		this._y += (endY-this._y)/2;
	};
}
for (var i = 1; i<=4; i++) {
	this["button"+i].goSection = "section"+i;
	this["button"+i].onRelease = function() {
		easeTo(this.goSection);
	};
}

```

---

<div class="post-metadata">

**Author:** ![brndn](https://avatars.discourse-cdn.com/v4/letter/b/dec6dc/32.png) [@brndn](https://forum.kirupa.com/u/brndn)\
**Post date:** [June 9, 2008, 4:46pm UTC](https://forum.kirupa.com/t/easing-navigation/262743/2 "2008-06-09T16:46:43Z")

</div>

this.\_height = this.\_height_2  
this.\_width = this.\_width_2

---

<div class="post-metadata">

**Author:** ![Matthew\_Padgett](https://avatars.discourse-cdn.com/v4/letter/m/71c47a/32.png) [@Matthew\_Padgett](https://forum.kirupa.com/u/Matthew_Padgett)\
**Post date:** [June 9, 2008, 5:41pm UTC](https://forum.kirupa.com/t/easing-navigation/262743/3 "2008-06-09T17:41:13Z")

</div>

it don’t work man ! can i post it to you?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 9, 2008, 6:33pm UTC](https://forum.kirupa.com/t/easing-navigation/262743/4 "2008-06-09T18:33:17Z")

</div>

Post fla.

---

<div class="post-metadata">

**Author:** ![Matthew\_Padgett](https://avatars.discourse-cdn.com/v4/letter/m/71c47a/32.png) [@Matthew\_Padgett](https://forum.kirupa.com/u/Matthew_Padgett)\
**Post date:** [June 9, 2008, 7:04pm UTC](https://forum.kirupa.com/t/easing-navigation/262743/5 "2008-06-09T19:04:09Z")

</div>

[QUOTE=motionman95;2339561]Post fla.[/QUOTE]

I’d like to transform the size of the graphics manually (let’s keep it at double for now), then add some code to make the sliding rooms line up, as the first one (orange) does as a default.

Eventually if possible i’d like the default position to show all 4 rooms (to have the middle of the 4 rooms in the middle of the container) and let whichever button pressed take the viewzer to that particular room… is that possible.?