creating a scrolling bar for photos

[wks webforumsuser@macromedia.com]

I am a photographer new to Flash and would like to make a scrolling images template that will allow viewers to click an image and be taken to a larger photo. I have not been able to find a tutorial for this perhaps because I am unfamiliar with the terminology and haven't searched correctly. I have found some questions about similar things in the forums but no answer. Could someone point me in the right direction please? Perhaps I could incorporate a pre-made template? I did find an action script that sounds similar on the exchange but can't figure out how to use it.
Thanks!

[babichou webforumsuser@macromedia.com]

Hi there,
just to give you directions on how to use the "Scrollpane" component to scroll trough images in Flash MX.

Setting up the image to be scrolled:
open flash go to file import. Import the image you would like to scroll on. Drag that image to the stage(work area) and hit F8 (to create a new symbol), then choose movie clip from the options. Let's assume that you name it "image". Now hit CTRL+L to open the Library. Then right click on the movie clip and click on "linkage" and select "export for actionscript"...there type the name "test" (could be anything).

Now , go to window>Components to display the components (Alt+F4 on PC), then choose "ScrollPane"( actually drag an instance on the stage) . Right click on it and select "properties". Click on "Scroll content and enter "test" (actually whatever you've entered when asked to export for actionscript). Here please enter "test" the way it is...I mean "+t+e+s+t+" ...include the quotes!

Now remove the image from the stage...actionscript refers to it from the library anyway(keeping it will not harm your file :) :) )

Hit Ctrl+ENTER and it should work.


Well this is a basic scroller. Now if you 'd like to have a button that loads an image to that scrolling pane each time you click on it, the add the followwing script to that buton (put the button on the stage, right click on it and select "actions", then paste the following script) :

on (release) {
_root.template.setScrollContent("test1");
}

N.B: "test1" could be anything. It's just a name ok?


You can then have many buttons that load different images, or even one button that load a different image when clicked on. The scripts are not difficult...so just get familiar with the idea first ok? you can download the scripts..or e-mail me if you have a problem.


Go well,

babichou <bittica@sabc.co.za>

[wks webforumsuser@macromedia.com]

Thanks - I'll try that! What size should the images be? I would like them not too small on the page but still efficient!

[wks webforumsuser@macromedia.com]

Thanks Martin - very cool site!
That's not what I need to do though. I want a nice size horizontal bar scrolling images that can be clicked on to open in a pop-up window. Like a movie, the images move across the bar. I'm trying to find one to show, but no luck yet.
Thank you!

[JimmyRiddle99]

> I want a nice size horizontal bar scrolling images that can be clicked on

to open in a pop-up window

You need to create a new movie clip within your main scene. In that movie
clip you can add all your photo's and tween them across from left to right /
right to left. Before you start tweening them, make them buttons + just add
the command 'get url' (if it is a pop up window you want). Put your images
in html files + label them accordingly. Then link to the relevant file using
your 'get url' buttons + set them to open in a 'blank' window.
Once they are all set up you can tween them at whatever speed you want.

Then in your main scene containing the movie clip, use a masking layer over
the movie clip layer to hide the rest of the images. (obviously, the wider
the masking layer, the more images that are visible at any one time).

That's a real simple scrolling bar. If you want buttons to control the
scrolling, or your mouse rolling over the scrolling bar to adjust the speed
of the scroll, then i would suggest a lengthy tutorial and at least some
knowledge of actionscript. Also, having the images appear in separate html
pop-ups is the easy option aswell.

Hope this helps,

JimR99