Component Tutorials  
   
  Flash component tutorials:
 
   
  Flash object tutorials:
 
   
     Creation of a Simple Photo Catalog
 
In this Lesson we will consider in detail the creation of a simple photo catalog using the page flip component.

Step #1
First, select the photos you wish to include into your catalog. The component supports JPEG image file format. If your photos are in another format, first export them to JPEG with any suitable graphic editor. To get the best image quality, ensure your photos are of the same size as the component page. This will avoid distortion and save CPU resources. Photo filenames may include any text, but for the sake of definitiveness we will assume that you have 10 photos and named them photo01.jpg, photo02.jpg … photo10.jpg.


Step #2
Create the FBookLesson directory on your computer and then the Images directory therein. Save your photos to the Images directory.


Step #3
Start the flash MX or MX 2004 (or Flash 8 or Flash CS3) development environment with the page flip component installed. Open the components panel and drag the Premium Pageflip component onto the Stage.


Step #4
Click it to get access to the settings. In the Component Properties panel (usually in the bottom of the Stage), you will see all the component parameters. First there comes the Pages parameter that contains paths to all the media sources for the pages. Mouse click on this parameter and enter the paths to your photos in the dialog opened. In our example these will be images/photo01.jpg, images/photo02.jpg … images/photo10.jpg. Press OK.





Step #5
Save your fla file to the previously created FBookLesson directory as lesson01.fla and start playing your movie. Congratulations! The job is complete! Page flipping already works excellently. If you wish to additionally customize the component to suit your specific needs, use other component parameters.




Note: media sources can be not only photo file paths, but also SWF file paths and library symbol paths (to use this option specify the symbol link ID as the source).