Frontpage Tips and Tricks, Picture swapping in FrontPage

Picture Swapping in FrontPage

Here’s a cool trick for you to use on your Web site. A visitor clicks on a photo, and when the clicking’s done, the picture disappears and transforms into an image of a checkmark or another image entirely. Cool huh? Want do that on your Web site?

Here’s the steps for you:

1. Start by selecting the photo that you want to transform.

2. Now choose Format, Dynamic HTML Effects.

3. In the DHTML Effects toolbar, you’ll be presented with a series of actions. In this case, since you want the image to change when someone clicks on it, click on the pull-down arrow and select Click from the list.

4. Next, you’ll tell FrontPage what to do when someone clicks on the image. Click the pull-down arrow to the right of Apply and select Swap Picture from the list.

5. Finally, you have to choose the picture that you’d like to swap out. Click on the pull-down arrow to the right of Choose Picture and click Choose Picture. (Seems redundant doesn’t it? Sorry, that’s the way it is.)

6. In the Picture dialog box that appears, search around for the picture you want. Once you’ve found and highlighted it, click OK.

You’re all set. Close the DHTML Effects toolbar to get it out of the way. Now, to see what you have created, click the Preview tab in the bottom-left corner of the screen. Once you’re in Preview mode, click on your photo to see it swap to another picture.

NOTE: The photo you select should be the same size (dimensionally) as the photo it’s replacing, so you will want to be sure that it looks good and doesn’t have to stretch or shrink too much to fit.