Building Interactive Web Pages Part 2 - Adding Script Effects

In the Swap Image dialog box, select onMouseOver as the mouse Event, then select Display effect on event. In the Cell to display swap effect window, click the windmill image cell to select it.

Tip: If the view is too small, click Zoom in to enlarge the image to make it easier to select the windmill image.

Under Swap Image, click the folder icon and open history.jpg. Select Resize image to fit cell and Restore after rollover, then click OK.

Repeat the same process for the other rollover text links. Use modern.jpg as the swap image for Modern Architecture and travel.jpg for Favorite Travel Spots.

To test the Swap Image effect, select File: Preview in Browser - Internet Explorer.

Step Four: Add a Slideshow

In this step, we will add a photo slideshow to the Web page that will showcase some travel photos.

   1.  Create the Slideshow Title Image

To begin, we will create a display image that will be shown on the Web page before the slideshow is played. Select File: New - New Image to open the New Image dialog box. Set the canvas to White, width to 470 pixels, and height to 135 pixels.

Next, apply the following EasyPalette presets to the canvas:

• Select Fill Gallery: Natural Texture - NT68.

• Add Path Library: 3D Objects - Earth, then resize the object so that it fits on the canvas.

• Drag Path Library: Z-merge - Airplane to the image, then resize and position it.

Use the Text Tool to add text on the image. For instance, enter See the World as a main heading and Web Slideshow as a subheading text.

Adding text to the Slideshow Title Image (Font settings used: Main heading = Arial Bold, 50 pt. Subheading = Arial Bold Italic, 32 pt.)

Tip: You might need to modify your title image in the future. Save a backup of your image as a UFO file.

Save the image as title.jpg to merge all objects into a single layer. Close the image then go back to working on web3.ufo.

   2.  Insert the Slideshow Title Image and Add the Slide Show Effect

Select Object: Insert Image Object - From File, then locate title.jpg and open it. Drag the image to the middle of the frame.

Select the Slice Tool, then right-click on the slideshow title image and select Slice Around Object. Next, select the cell, then right-click and select Script Effects: Slide Show to open the Slide Show dialog box.