Image Linking (help)

[aminah_azad]

Hey everyone,

I'm having trouble linking images together. Its confussing to explain, but perhaps you can check out this link below:

www.itsbiggerthan.com

If you go to the gallery section you can flick through images using only one forward button. I want to put one of these buttons onto my webpage and do the same with my pictures but don't know how.

Can anyone explain how as I'm using dreamweaver, or if you know the html code then that would be great. I've managed to link one picture, I can't continue to link the others to the same button.

Thanx,

Aminah

[sypher]

Okay ill do this in stages so you can do a bit of it then come back and ill do the next bit.

Step 1
Open up your version of flash.
Create 2 layers, name one images and the other buttons.

Step 2
On the buttons layer make your next and previous buttons which users will click to go to each picture. Press F8 and convert the buttons to 'button' symbols.

Step 3
On your images layer add all the images you want on each individual keyframe.
So frame 1 will have image 1, frame 2 image 2 and so on. Until you have all your images you want to currently use on.

Upto now your timeline should look like this:

[sypher]

Step 4
Add a new layer above your buttons layer and name it a
Lock this layer. This layer is where your actionscript will go, which we will do shortly.

Step 5
Select the first keyframe in the a layer and open up the actions panel.

In the action panel enter the following:

Code: Select all

stop();

Step 6
Click your 'next' button and open the actions panel. Enter the following:

Code: Select all

on (release) {
    if (this._currentframe == this._totalframes) {
        gotoAndStop(1);
    } else {
        nextFrame();
    }
}

Ill explain what it does.
If the timeline reaches the last frame is basically goes back to frame 1 so it can loop over. If it isnt on the last frame it simply goes to the next frame of the timeline.

Final Step
Click your previous button. And open up the actions panel
Enter the following:

Code: Select all

on (release) {
    if (this._currentframe == 1) {
        gotoAndStop(this._totalframes);
    } else {
        prevFrame();
    }
}

What it does is see if the current frame is 1. If so it goes to the last frame, else it just goes to the previous frame.

Thats it your done!
Any probs just let me know.

[sypher]

Couple of tips.

Optimize your images before importing them into flash.
This slideshow requires only flash5 to work. So be sure to export it as a flash 5 document.

[aminah_azad]

Hey,

Sorry its taken a while for me to get back to you. Thanx for all the tips and help. I'm looking over what u have said and when I get a chance will see how it works.

Will let you know if it did or not!

Thanx once again!

Aminah x

[sypher]

No problem

[aminah_azad]

Thank you so much for your help. I managed to get my images linked together and working.

Really appreciate your help!!!

Aminah x