Scrolling Image Gallery
| Category | : Flash | Views | : 30360 | ||
| Version | : 8 | Rating | : | ||
| Type | : Text | Source File | : scrolling-image-gallery.zip | ||
| Result | : See the result | ||||
This is the gallery you will be learning to make. It can look totally different; you will just learn the code behind it.
First of all, get 5 images that you like and put them on the same folder of your document.
Name them "1.jpg", "2.jpg", etc.
1. Now create a new Movie Clip (named "Images"), and drag a Loader component to it. The loader component is on Window à Components.
After you have dragged it, Flash will save a copy on work library so drag 4 more from there to the Movie Clip. Like this:
In each of these components you need to set the path to your images. For that just select one, go to the "parameters" tab and change the "contentPath" field to the path of the image you got.
The loaders will have the images and automatically scale them; you won't have to worry about sizes.
Now create a Button, you will only draw on the "HIT" frame because we need it to be invisible.
Draw a square of the same size of the loader on the Images Movie Clip, the color won't matter as the Hit frame is not visible.
Go back to the Images Movie Clip and create 5 instances of the invisible button you just created.
Place them behind each loader:
 |
 |
 |
 |
 |