fordwebs.com le gallerie petit tutorial
This tutorial will show you how to create a Le Gallerie Petit scroller based on the Project Seven GeeWizz Scroller.
Creating le gallerie petit
1. Insert > Studio VII > GeeWizz Scroller by PVII....and use the settings below.
2. Highlight the text in the content layer and delete it.
3. Click inside the p7s1content1 table and make the following changes in the Property Inspector:
4. Click inside each <td> and insert your thumbnail picture.
5. Now add the Run Scroller behavior to stop the scroller onMouseOver and start it again onMouseOut. Click on each image and click on the (+) sign in the Behaviors Panel and select Studio VII > PVII Scroller > Run Scroller by PVII and use the settings below:
Set the event for (onMouseOver)
6. Click on each image and click on the (+) sign in the Behaviors Panel and select Studio VII > PVII Scroller > Run Scroller by PVII and use the settings below:
Set the event for (onMouseOut).
That's it for creating the scroller.
Creating the Popup Pages
1. Create a new page and then click Modify > Page Properties and use the settings below.
2. Click on the Title/Encoding link in the Page Properties window and use the following settings and click OK.
3. Click Insert > Layout Objects >Layer.
4. Click on the layer in the Layers Panel.
5. Use the following settings for the layer in the Properties Inspector.
6. On the page, click inside Layer1 and then click Insert > Image.
7. Select the proper full size image and click OK.
8. Click on the <body> tag in the bottom of the Design View window and the click the (+) sign in the Behaviors Panel and select Studio VII > Close Window Timer and use the following settings. (get the Win Timer extension here)
9. Create the 5 full-size pages, giving them all the page Title of Picture Name.
You can change the Background Color for each page if you like.
Open the Full-size Pages
1. Click on a thumbnail image, then click on the (+) sign in the Behaviors Panel and select Open Browser Window and use the settings below:
2. Change the event to (onClick), that is onClick in parenthesis. This assures that it will work in NS 4.x
3. Do this for all of the thumbnail images.
You are done!
© Copyright 2008 Fordwebs, LLC All Rights Reserved.
