Animating x position via A.S.

Question

I have a gallery with a menu that is a row of
thumbnails (horizontal--right to left). And a button
on each side of the tumbnail menu---and of course when
you click on the right button the menu scrolls to the
right and vise-versa for the left button. The code I
have on the buttons is pretty basic:
right_btn.onRelease = function(){
menu_01._x -= 20;
I trying to set-up the menu so that when you click on one on
the buttons
the menu slides over so many pixels and eases out. And I also
need the
buttons to know when the menu mc has reached its end(say the
menu is only 400
pixels wide). I've tried a few different things with no luck.
Any idea's or direction to a tutorial???
I would really any help.
thanks,
hutch

Answer 1

In the authoring environment, move the menu_01 all the way to
the left and
see what its x position is (e.g., - 200) then change your
code to test the x
position before moving it.
right_btn.onRelease = function() {
if (menu_01._x > -180) {
menu_01._x -= 20;
You should then do the same sort of thing from the opposite
side.
left_btn.onRelease = function() {
if (menu_01._x < 180) {
menu_01._x += 20;
The numbers show are just for illustration; yours may differ
depending on
the size of the graphic or movie clip you are moving.
If your image is very large, then the constant clicking to
move 20 pixels
may be frustrating for the user. There are other ways.