Adding rollover images

Rollover images are unique. They consist of an image and a rollover area (the "hot" area). Rollover images appear when the end user moves the mouse over the hot area at runtime. They are useful for heavily detailed slides or for slides that contain buttons or toolbars that require explanation.

You can use the same type of graphics for rollover images that you use for traditional images. You can also customize the location, outline, and size of the rollover area for rollover images.

To add a rollover image:

  1. Open a Captivate movie.

  2. In Storyboard view, double-click the slide to which you want to add a rollover image.

  3. From the Insert menu, select Rollover Image.

The Open dialog box appears.

  1. Select an image from the list or browse to a new location for a different image. Click Open.

The New rollover image dialog box appears.

  1. Set properties and options as required:

  2. Rollover Image tab

    Transparency: This option defines the transparent quality of the rollover image. Select a value between 0-100% with a low number resulting in a very dim version of the rollover image and a higher number displaying a brighter rollover image.

    Transparent background: This option lets you define non-rectangular rollover images by making their background color transparent.  

    Preview: Displays the rollover image. If you make changes, such as edited the transparency number, the preview will reflect the changes.

    Reset to original size: Select this option to revert back to the original size of the rollover image.

    Change image: Select this option to display the Open dialog box and navigate to a different image. Select a new image, click OK, and the new image is added to your slide. This feature can be useful if you are testing different formats of the same image (e.g., GIF, JPEG, or BMP) to see which one looks best on the slide.

    Apply properties to all rollover images in the movie: Select this option to apply the changes you made on this tab to all rollover images in the movie.

  3. Options tab

    Effect: Use the drop-down box to select a transition effect for the rollover image (e.g., Fade in only or No transition).

    In [#] seconds: Specifies the amount of time for the rollover image to fully fade into view.

    Out [#] seconds: Specifies the amount of time for the rollover image to completely disappear from view.

    Apply effect to all rollover images in the movie: Select this option to apply the changes you made on this tab to all rollover images in the movie.

  4. Audio tab

    : Click to play the audio file.

    : Click to stop playing the audio file.

    : Click to remove the audio file from the rollover image.

    Edit: Displays the Edit Audio dialog box. This dialog box lets you edit the audio file in a variety of ways, such as inserting silent periods and adjusting the volume.

    Audio: Displays the name of the audio file, if any, associated with the rollover image.

    Record new: Click to open the Record Audio dialog box. (Recording audio requires some basic equipment.)

    Import: Displays the Import Audio dialog box. This dialog box lets you browse to an audio file and import it.

    Select Existing: Click to open the Audio Library. The Audio Library lists all audio files that are already part of the currently open Captivate movie.

    Fade in [#] seconds: Specifies the number of seconds for the audio to fade in to full volume.

    Fade out [#] seconds: Specifies the number of seconds for audio to fade out to silence.

  1. Click OK.

The image is added to the slide. The rollover area is also added the slide.

  1. Drag the image to the desired location.

  2. Adjust the rollover area as necessary:

    To adjust the rollover area: Click one of the sides and drag to the desired size.

    To move the rollover area to another location: Click inside the rollover area box and hold the left mouse button. Then, drag the box to the desired location.

    To modify the rollover area attributes: Double-click inside the rollover area box and make the desired changes.

    To modify the image: Double-click on the image.

Related Topics