![]() ![]() |
|
The Picture Scroller lets you control properties relating to how fast the picture scrolls, how much of the border is used to activate scrolling, and the starting position of the photo. You can either use a template to create a scrolling picture, or you can set it up manually by clicking and dragging a Picture Scroller component from the CommandSim folder in the Components panel (Window > Components, or, for Flash MX 2004 Professional, Window > Development Panels > Components):

If you do the latter, you need to align the component with the top-left of the Stage. You bring in a photo and convert it to a movie clip with the registration point in the top left corner. Then you give your movie clip an instance name (in the Properties panel), for example, myPhoto:

You will tell the Picture Scroller this name under the "view clip" property.
Note: if you want to show a smaller region to scroll, you can scale the Picture Scroller component to the viewing size you want. Simply use the Free Transform tool (main toolbar, square with the dots on it).
If you came into this page from the previous one, you might be wondering what we actually did in using a template. We used a template that already had the picture scroller in it. If you look at the structure of the Flash document, you will see that we made the template with a picture scroller component and created a movie clip called photo. We placed the picture scroller on one Layer, and the image (photo movie clip) on the other:

When you issue "Edit in Place", you are editing the photo movie clip. If you click on the dot underneath the eye (on the image layer), you will now see the actual pictures scroller component (a block with a series of text -- instructions):

We need to have access to this component if we want to change any of its properties.
You can control the following aspects of the scrolling picture:
| Parameter(s) | Description |
| shift increment X & Y | This says how fast to scroll the image. You can set a different speed for horizontal (X) scrolling as compared with vertical (Y) scrolling. |
| border width X & Y | This says how wide or tall the region should be on the sides of the picture that should trigger scrolling. For example, if your visual area is 640x480, and you set the X border with to 100, if the cursor comes within 100 pixels of the right or left side, the picture will start to scroll. |
| start position X & Y | A number between 0 and 100 indicating where to start the visual in the view. You can control the horizontal (X) position separate from the vertical (Y) position. Values of 50 and 50 mean to start viewing at the center of the image. Values of X = 0, Y = 100 mean start viewing on the left bottom of the image. |
| Show Text Cues | A true or false value saying whether or not to show the text cues (text boxes) when scrolling is allowed. By default, this is set to false. When a picture can be scrolled in a direction, a text cue box appears. You can set the text using other parameters. |
| Set Text Cues | If you choose to display text cues, you can set the text you want to appear in the boxes. There are four boxes, by default they are labelled Look Left, Look Right, Look Up, and Look Down. |
| view clip | You enter the movie clip instance name here of the movie clip you want to scroll. |
To change the Picture Scroller properties, you need to select the Picture Scroller then open the Properties panel (Window > Properties). You will then see a table in which you can set the properties, described above:

![]() ![]() |
|