Photo Gallery - Next or Previous Button

Question

Hi,
I am new to Action Script and I have a small issue that I
can't seem to figure out...
Probably very easy for you guys... ;)
(1)
I have a Photo Gallery here, kinda like a Photo show and
under the picture is a 'Next' and 'Previous' button.
Now when the user will click on e.g. the 'Next' button I want
the pic shown to change into the next picture.
I have all my pics in a movieclip all with labels s1, s2, s3
etc. ....
I already have the code setup to go to the appropriate
movieclip but I don't know how to tell Flash via Action Script to
go to label "s" + 1.... meaning:
if the picture with the label "s2" is shown right now and the
user clicks on the 'Next' button Flash need to go to the mc with my
pics in it and then to the label "s3" --> "s2" + 1
How do I do that ?
(2)
Another thing I was thinking about:
Let's say I have 7 pics in the photo gallery and user is
seeing pic # 7 right now (label "s7") and he clicks the 'Next'
button I need to tell Flash to jump to label "s1" (to the first
pic) because there is no eigth picture...
How is that done ?
Note: I am using Flash 9 CS3 so either AS2 or AS3 is
welcome...
Any help is appreciated and I thank you in advance for that
Mike

Answer 1

quote:
Originally posted by:
CanonBoy
if you go to here:
http://www.sapphiremonkey.com/picDemo.zip
you can download a simple Flash 8 document I made to show you
the code.
Kelly
Kelly,
thanx for your reply....
I think we're very close but here's some more info - I
probably should have stated that earlier... sorry ! ;)
the thing is a little more complicated and I just wanna make
sure I use ur code at the right spots:
So here are the three main objects we're dealing with:
(1) movieclip next_btn --> contains rollover and rollout
effects for the Next button as well as an invisible button holding
the action script for that button
(2) movieclip 'rollover_mc' --> which will bring a nice
rollover effect between the pics
(3) movieclip 'pics_mc' --> contains my pictures in a
simple timeline with labels s1, s2, s3 etc. and stop actions at
each frame for each pic
--> (1) and (2) are on the same level, (3) is nested
inside of (2)
when the user clicks (1) the 'Next' button (label: next_btn)
the cursor in the timeline of (2) the 'rollover_mc' movieclip will
proceed and produce nice rollover animation from one pic to the
next pic, having (3) in the midst of the animation go from one pic
to the next.... at least that's the idea.... ;)
so the action script for the 'Next' button (label: next_btn)
right now is:
on(rollOver){
gotoAndPlay("m1"); --> rollover effect for the next
button
on(releaseOutside, rollOut){ --> rollout effect of the
next button
gotoAndPlay("m2");
on(release){
this.pics_rollover_mc.gotoAndPlay("p1");
--> p1 is the label of the frame where the cursor will
jump to and start the rollover animation --> that works ;) haha
while the animation is rolling over to the next pic and it is
just covering the actual picture that was just shown, the cursor
(runnning through the timeline in the (2) 'rollover_mc' movieclip)
will hit a key frame with an action script in it...
and in that action script I need to tell Flash to go to (3)
the movieclip with my pics in it (label: pics_mc which is nested in
that timeline) and go from let's say "s2" PLUS ONE to label "s3"
(the next pic in the series)...
right now the code in that keyframe is:
this.pics_mc.gotoAndPlay("s2")
which means it only shows (after the animation) Pic2 (label:
s2)
now the code that you gave does make sense to me but where do
I need to put which parts ?
here's your code again:
stop();
_global.n = 1;
_root.next_mc.onRelease = function() {
n = n+1;
if (n == 5) {
n = 1;
_root.pics_mc.gotoAndStop("s"+n);
For example, the establishing code for the variable n....
where do I need to put this code so it is globally valid ?
I pasted it into the action keyframe of my next_btn, so the
code looked like this:
on(rollOver){
gotoAndPlay("m1");
on(releaseOutside, rollOut){
gotoAndPlay("m2");
_global.n = 1;
_root.next_btn.onRelease = function() {
n = n+1;
if (n == 5) {
n = 1;
_root.pics_mc.gotoAndStop("s"+n);
and it gave me the following error message:
**Error** Symbol=1.2 next_btn, layer=invisible_btn,
frame=1:Line 7: Statement must appear within on handler
_global.n = 1;
**Error** Symbol=1.2 next_btn, layer=invisible_btn,
frame=1:Line 8: Statement must appear within on handler
_root.next_btn.onRelease = function()
my (amateurish) opinion is that the part
_root.pics_mc.gotoAndStop("s"+n); has to go into the action
script keyframe that the cursor will hit when running through the
timeline in the (2) rollover_mc movieclip
therefore if u wanna start the animation when u click the
button u would have to change your code that u paste into the
next_btn keyframe:
on(rollOver){
gotoAndPlay("m1");
on(releaseOutside, rollOut){
gotoAndPlay("m2");
_global.n = 1;
_root.next_btn.onRelease = function() {
n = n+1;
if (n == 5) {
n = 1;
_root.pics_rollover_mc.gotoAndPlay("p1");
I did that but it still gives me the above error message....
Thanx for your help in advance ! ;)