Make a Thumbnail Image Browser

[guclusat]

Make a Thumbnail Image Browser
The idea behind a thumbnail image is to present the user with a small image that when clicked links to a larger image. To accomplish this in AutoPlay Media Studio, create an image object with the image you wish to use for the thumbnail, and resize it to the desired dimensions. Now create an action that links to the larger image when the thumbnail is clicked.

Here are two examples illustrating how to complete this task:

Example 1

1. Create a project with two pages. On the first page (Page1) will be your thumbnail, on your second page (Page2) will be your large image.
   
   
2. On each page in your project, create an image object which loads the desired image.
   
   
3. Create an action in your thumbnail image's On Click event that will jump to the second page of your project (containing the large image):
   

Page.Jump("Page2");

1. On your second page, you may wish to include a back button that jumps back to the first page. Use the following action for this button's On Click event:
   

Page.Jump("Page1");

Note: If you wish to have more than one thumbnail, create a new page for every image, and then add their thumbnails to the first page. Then add actions to open each page when the appropriate thumbnail is clicked.

Example 2

1. Create a project with one page.
   
   
2. Create two image objects on this page: Image1 and Image2. Image1 will be your thumbnail image, Image2 will be your large image. Size the two images accordingly.
   
   
3. Set the visible property of Image2 to false.
   
   
4. Create an On Click action for Image1 that shows Image2 when clicked:
   

Image.SetVisible("Image2", true);

1. Create an action for Image2 that hides it when it is clicked (use the On Click event):
   

Image.SetVisible("Image2", false);