# How can this navigation effect be achieved?
**URL:** https://forum.kirupa.com/t/how-can-this-navigation-effect-be-achieved/185141
**Category:** flash
**Created:** [April 11, 2006, 9:51am UTC](https://forum.kirupa.com/t/how-can-this-navigation-effect-be-achieved/185141 "2006-04-11T09:51:46Z")
**Posts on this page:** 17
**Page:** 1
### Author:  [@mystee](https://forum.kirupa.com/u/mystee)
#### Post date: [April 11, 2006, 9:51am UTC](https://forum.kirupa.com/t/how-can-this-navigation-effect-be-achieved/185141/1 "2006-04-11T09:51:46Z")
HELP!
Anyone knows how to do this?
Eg:[http://www.redbullcreativitycontest.be/](http://www.redbullcreativitycontest.be/)
---
### Author:  [@suranija](https://forum.kirupa.com/u/suranija)
#### Post date: [April 11, 2006, 10:11am UTC](https://forum.kirupa.com/t/how-can-this-navigation-effect-be-achieved/185141/2 "2006-04-11T10:11:00Z")
:cool: hey !! this is a very old stuff dude…
and its done using actionscripting… not very tough If u know how to control x and y axis movements…
---
### Author:  [@mystee](https://forum.kirupa.com/u/mystee)
#### Post date: [April 11, 2006, 10:21am UTC](https://forum.kirupa.com/t/how-can-this-navigation-effect-be-achieved/185141/3 "2006-04-11T10:21:04Z")
Yeah. I know it’s kinda old. Heh.
I suck at AS that’s why I’m asking for help here. :ne:
Any tutorials or something??
---
### Author:  [@suranija](https://forum.kirupa.com/u/suranija)
#### Post date: [April 11, 2006, 10:52am UTC](https://forum.kirupa.com/t/how-can-this-navigation-effect-be-achieved/185141/4 "2006-04-11T10:52:41Z")
I donno where u can get the tutorial for this… But I have tried to make a sample for U…
May be If u can continue to develop this U’ll surely achieve that effect.
Hey cant I attach a flash or zip file on to this???
:diss:
I have tried to make a sample fla for U… and this does not allow me to upload it… what to do?
Warm regards
Sam
---
### Author:  [@suranija](https://forum.kirupa.com/u/suranija)
#### Post date: [April 11, 2006, 11:15am UTC](https://forum.kirupa.com/t/how-can-this-navigation-effect-be-achieved/185141/5 "2006-04-11T11:15:34Z")
Hey I have attached a file…
Chk if this can help U
Warm Regards
Sunitha
---
### Author:  [@pensamente](https://forum.kirupa.com/u/pensamente)
#### Post date: [April 11, 2006, 11:29am UTC](https://forum.kirupa.com/t/how-can-this-navigation-effect-be-achieved/185141/6 "2006-04-11T11:29:47Z")
welcom to flash 8
here it goes a different way to do it… and it will change x and y position
[AS]stop ();
import mx.transitions.Tween;
import mx.transitions.easing.\*;
// function that will move your content, that must have the instance name "content\_mc"
function movon (\_tox, \_toy) {
var move1:Tween = new Tween (content\_mc, “\_x”, Strong.easeInOut, content\_mc.\_x, \_tox, 2, true);
var move2:Tween = new Tween (content\_mc, “\_y”, Strong.easeInOut, content\_mc.\_y, \_toy, 2, true);
}
// code for the menu items
//this will call the movon function
//passing 2 parammeters, x and y
// change the (100, 100) for the x and y position
menuItem1.onRelease = function () {
movon (100, 100);
};
menuItem2.onRelease = function () {
movon (300, 300);
};
//you van add more items just give the proper instance names
//hope this helps[/AS]
---
### Author:  [@suranija](https://forum.kirupa.com/u/suranija)
#### Post date: [April 11, 2006, 11:47am UTC](https://forum.kirupa.com/t/how-can-this-navigation-effect-be-achieved/185141/7 "2006-04-11T11:47:03Z")
I got the transition happening… but can u help me undersatnd the script please…
:puzzle: Sam
---
### Author:  [@pensamente](https://forum.kirupa.com/u/pensamente)
#### Post date: [April 11, 2006, 4:04pm UTC](https://forum.kirupa.com/t/how-can-this-navigation-effect-be-achieved/185141/8 "2006-04-11T16:04:51Z")
first stop in first frame
then import the transitions Tween to tween with AS
then the easing transitions (\* this stands for all king of transitions)
[AS]stop ();
import mx.transitions.Tween;
import mx.transitions.easing.\*;[/AS]
to apply a simple tween to a movieclip called content\_mc, from point A (x=100; y=100) to point B(x=200; y=200) you shoud do this
[AS]//move \_x
var move1:Tween = new Tween (content\_mc, “\_x”, Strong.easeInOut, 100, 200, 2, true);
//move \_y
var move2:Tween = new Tween (content\_mc, “\_y”, Strong.easeInOut, 100, 200, 2, true);[/AS]
the number 2 means 2 seconds
cause u will need this everytime you click in a menu item u can put it inside a function, where you just need to tell where your clip should go to.
(remenber that you can know where the clip is using this “content\_mc.\_x” and “content\_mc.\_y”)
so it goes like:
[AS]function movon (\_tox, \_toy) {
var move1:Tween = new Tween (content\_mc, “\_x”, Strong.easeInOut, content\_mc.\_x, \_tox, 2, true);
var move2:Tween = new Tween (content\_mc, “\_y”, Strong.easeInOut, content\_mc.\_y, \_toy, 2, true);
}[/AS]
then you need the buttons on release to call this function and pass the parammeters (\_x and \_y)
[AS]menuItem1.onRelease = function () {
movon (100, 100);
};[/AS]
i’m a bit in a hurry i could explain this better 😛
hope u get it… if not tell me and i’ll explain u latter on 🙂
.am
---
### Author:  [@mystee](https://forum.kirupa.com/u/mystee)
#### Post date: [April 12, 2006, 3:15am UTC](https://forum.kirupa.com/t/how-can-this-navigation-effect-be-achieved/185141/9 "2006-04-12T03:15:43Z")
wow. I don’t understand. :\*(
Attached a FLA if possible?
Btw Sam, the one you provided is not what I want to achieve. Instead of sliding side to side. I want the site to be able to navigate up down left right, just like the example I provided. Thanks for your help for that anyway.
Help! :\*(
---
### Author:  [@SmoothDime](https://forum.kirupa.com/u/SmoothDime)
#### Post date: [April 12, 2006, 6:32am UTC](https://forum.kirupa.com/t/how-can-this-navigation-effect-be-achieved/185141/10 "2006-04-12T06:32:10Z")
that tween stuff is cool.
---
### Author:  [@Rustyd](https://forum.kirupa.com/u/Rustyd)
#### Post date: [April 12, 2006, 4:20pm UTC](https://forum.kirupa.com/t/how-can-this-navigation-effect-be-achieved/185141/11 "2006-04-12T16:20:31Z")
> [@mystee](#):
>
> wow. I don’t understand. :\*(
>
> Attached a FLA if possible?
>
> Btw Sam, the one you provided is not what I want to achieve. Instead of sliding side to side. I want the site to be able to navigate up down left right, just like the example I provided. Thanks for your help for that anyway.
>
> Help! :\*(
Cool,
I got it to work ok, but I tried adding a button to my main movie clip so that it could be pressed and the movie would again move, but it doesn’t work???
---
### Author:  [@Rustyd](https://forum.kirupa.com/u/Rustyd)
#### Post date: [April 12, 2006, 5:56pm UTC](https://forum.kirupa.com/t/how-can-this-navigation-effect-be-achieved/185141/12 "2006-04-12T17:56:43Z")
(Corrected: works when ya reference the content\_mc!)
How would one make it appear to Zoom in or Out to the final x/y coordinates?
\*Sorry for jumping in on your post mystee, but I have been wondering how this was done for a few weeks now!
Rustyd
---
### Author:  [@sixfngers](https://forum.kirupa.com/u/sixfngers)
#### Post date: [April 13, 2006, 4:16pm UTC](https://forum.kirupa.com/t/how-can-this-navigation-effect-be-achieved/185141/13 "2006-04-13T16:16:21Z")
i fixed it up with a dead button “section6” (you will understand when you see the file)
check it out and repost if you have questions
flash mx2004, no classes to import
enjoy
---
### Author:  [@mystee](https://forum.kirupa.com/u/mystee)
#### Post date: [April 16, 2006, 6:47am UTC](https://forum.kirupa.com/t/how-can-this-navigation-effect-be-achieved/185141/14 "2006-04-16T06:47:15Z")
pensamente, possible to provide your FLA file? Thanks!
---
### Author:  [@mystee](https://forum.kirupa.com/u/mystee)
#### Post date: [April 24, 2006, 6:57am UTC](https://forum.kirupa.com/t/how-can-this-navigation-effect-be-achieved/185141/15 "2006-04-24T06:57:36Z")
I sorta managed to get it work. But I’m stuck with a problem. When I click on either one of the button, the sliding animation will show but the movie clip is not playing. All I see is the bg image. =(
What could be the problem here? Anyone knows?
---
### Author:  [@Gupps](https://forum.kirupa.com/u/Gupps)
#### Post date: [April 24, 2006, 10:18pm UTC](https://forum.kirupa.com/t/how-can-this-navigation-effect-be-achieved/185141/16 "2006-04-24T22:18:05Z")
i don’t really understand what you mean? any fla?
---
### Author:  [@jonybigude](https://forum.kirupa.com/u/jonybigude)
#### Post date: [April 25, 2006, 10:32am UTC](https://forum.kirupa.com/t/how-can-this-navigation-effect-be-achieved/185141/17 "2006-04-25T10:32:55Z")
WOW!!!..:stare:
For a long time that i’ve been searching for this!.. it’s gonna be very usefull to me, thanks a lot guys!!!:geek:
I just love this forum!!! :thumb2: