This tutorial is an introduction to the basic use of the pageFlipper component.
1. Firstly, prepare your images and swf files to be loaded into the pageFlipper component. For the purpose of this tutorial you will find some pre-prepared images in the pFlipperDemo folder that was included with your download, which you can use if you wish.
(Note: If you are publishing your movie for the Flash Player 7, the format for all images must either be non-progressive JPEG or SWF. If you are publishing for the Flash Player 8, you can also use GIF and PNG images.)
2. Having installed the pageFlipper using the Macromedia Extension Manager, open Flash and start a new file. Press Ctrl+F7 (Windows) or Cmnd+F7 (Mac) to open your components panel and locate the pageFlipper component.
3. Drag an instance of the pageFlipper component onto the stage. With the component still selected press 'Q' to select Flash's free transform tool and resize the component to your desired size. (The image below illustrates tracking the actual page size when resizing using the free transform tool.)
4. With the component still selected press Ctrl+F3 (Windows) or Cmnd+F3 (Mac) to open the Properties panel and select the parameters tab. Locate the Page List parameter and double-click on it. In the 'values' pop-up window that appears enter the names of the images or swfs that you wish to use as pages. (To add an item click the 'plus' symbol and enter its name in the new field, to remove an item select the item you wish to remove and click the 'minus' symbol.) Click 'OK' to confirm your input.
5. Select the Pages Folder parameter from properties panel. Enter the path to the folder that contains your images. This path should be relative to the location of your html file. The path must be terminated with a forward slash (/). In this case, the path is 'pages/'.
6. Press Ctrl+s (Windows) or Cmnd+s (Mac) to save your file and then press Ctrl+enter (Windows) or Cmnd+enter (Mac) to test it.
7. If you wish you can experiment with the component's other parameters which are explained in detail in the Component Parameters section.