# Interesting naviagation

**URL:** <https://forum.kirupa.com/t/interesting-naviagation/11301>\
**Category:** Uncategorized\
**Created:** [January 15, 2003, 5:50am UTC](https://forum.kirupa.com/t/interesting-naviagation/11301 "2003-01-15T05:50:16Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![putch](https://avatars.discourse-cdn.com/v4/letter/p/96bed5/32.png) [@putch](https://forum.kirupa.com/u/putch)\
**Post date:** [January 15, 2003, 5:50am UTC](https://forum.kirupa.com/t/interesting-naviagation/11301/1 "2003-01-15T05:50:16Z")

</div>

Take a look at this:

[http://www.swishzone.com/products/sites/site05/index.html](http://www.swishzone.com/products/sites/site05/index.html)

definitely interesting naviagation if you ask me. Anyone ever see a tutorial on this, or know how to pull this off?

P 🙂

---

<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:** [January 15, 2003, 6:01am UTC](https://forum.kirupa.com/t/interesting-naviagation/11301/2 "2003-01-15T06:01:38Z")

</div>

theres probably something right here on kirupa that could help you :beam:

---

<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:** [January 15, 2003, 6:02am UTC](https://forum.kirupa.com/t/interesting-naviagation/11301/3 "2003-01-15T06:02:31Z")

</div>

Yes… there is actually. Check the tutorials.

---

<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:** [January 15, 2003, 2:38pm UTC](https://forum.kirupa.com/t/interesting-naviagation/11301/4 "2003-01-15T14:38:11Z")

</div>

OK, call me crazy, but I cannot seem to find it. Give me a hint, what section is it in?

P

---

<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:** [January 15, 2003, 2:57pm UTC](https://forum.kirupa.com/t/interesting-naviagation/11301/5 "2003-01-15T14:57:14Z")

</div>

I cant tell you where the tut is but I can tell you how its done.

it uses the basic easing scheme to move a picture movieclip in the background to a certain position each time a button is clicked. Then, mostlikely through a timer of some sort, theres a pause until the content is brought up. But thats no big thing.

the sliding of the background is:

```auto

// on the image movieclip ('background')
// flash 5 compatible
onClipEvent(load){
	targ_x = _x;
	targ_y = _y;
}
onClipEvent(enterFrame){
	_x += (targ_x -_x)/10;
	_y += (targ_y -_y)/10;
}

```

and what this does is sets a ‘target’ position (targ\_x, targ\_y) for the clip to ease to every frame. So to make the clip move to a new location, just change targ\_x and/or targ\_y…

```auto

// on a button
on(release){
	background.targ_x = 300;
	background.targ_y = 50;
	contentBox.gotoAndPlay("section 1");
}

```

and then the background clip (with the image) will move to that position, changing its position in the back-ground. contentBox can just be a movieclip. This would be a simple example of preceding frames where you have one movieclip with all your content boxes in them but whos lables (“section 1”) are like 50 empty frames before the actual box itself so you get a pause before it shows.

Again thats a simple way to achieve that but certainly not the only

---

<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:** [January 15, 2003, 4:22pm UTC](https://forum.kirupa.com/t/interesting-naviagation/11301/6 "2003-01-15T16:22:39Z")

</div>

that navigation was pretty cool! photography rocks!

---

<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:** [January 15, 2003, 8:39pm UTC](https://forum.kirupa.com/t/interesting-naviagation/11301/7 "2003-01-15T20:39:11Z")

</div>

That worked great SENOCULAR, thanks!

Although with the image being the way it is, the navigation crawls, even when I bring the image into Flash really low res. Any idea on how to speed it up? Maybe some kind of swapDepth, or separate swf’s? I tried breaking the iamge up, but it didn’t help.

P 🙂