New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Adding rollover images

From: Captivate 5 Essential Training

Video: Adding rollover images

In this lesson, we are going to see how we can construct rollovers that will display images when we put our mouse over the specific area. We are going to be using the Chapter 7_b file that we built earlier in this chapter. If you don't have it open, please open it now and then go to slide number 1, which is the Home slide. Let's begin by inserting a rollover area. Under Insert go to Standard Objects and choose Rollover Image. I want to choose the file called carnations in baskets.

Adding rollover images

In this lesson, we are going to see how we can construct rollovers that will display images when we put our mouse over the specific area. We are going to be using the Chapter 7_b file that we built earlier in this chapter. If you don't have it open, please open it now and then go to slide number 1, which is the Home slide. Let's begin by inserting a rollover area. Under Insert go to Standard Objects and choose Rollover Image. I want to choose the file called carnations in baskets.

This is in your Images folder in the Project folder in Chapter 7 Exercise Files folder. Again, choose carnations in baskets and then choose Open. This file is quite large. So let's fit it to the Stage and then we'll reduce it in size. Click and drag in the upper right-hand corner and set it to fill this entire over area here. Great. This is the image that's going to display when our mouse goes over this blue box, which is the rollover area.

We need to move the rollover area now, so that it's sitting on the displays button. The rollover area is underneath the picture. So we will slide the picture to the right a little bit. This will expose the rollover area. We can select it and then we can move it over here by displays. Make it to be a little bit smaller, so it's not touching the store or the gifts button. And then I would like to resize it to fit the button that it covers. If I right-click on the rollover area, you'll see also Auto-adjust Rollover Area.

Select it now. this will make the rollover area exactly fit the button that's underneath it. You can use this auto-fit to be able to stack buttons in rollover areas and images in rollover areas and other types of objects with rollover areas. Now we have got our rollover area in position and we have our content that we will display. Let's slide this back so that it fits appropriately on our stage. And I want to make one other adjustment to the rollover area itself.

You can see that it has a blue outline and I would like to change that to have no outline. Select it once again and under Fill and Stroke, change the Width to zero. Having made that change, let's preview our work. We don't see anything until we move our mouse over the displays button. Then the flowers will appear. When I move my mouse off they will disappear.

Let's repeat the process for store and gifts. With nothing selected we will insert another rollover image. Pick the file called flower storefront 02 and then Open. Again, we will fit it to the stage, so I will select it and Fit to the Stage. Slide it off to the side, so that we can get at the rollover area and put that on top of store.

Once again, we will Auto- adjust and set the outline to zero. Let's shrink this is a little bit. There we go. And the last one that we will build is for gifts. We will pick baskets and merchandise. And once again, we will have to Fit to Stage and reduce it in size.

Slide it off to the side, grab the rollover area and put that on top of gifts, and adjust it to fit. Set this back again so that it's fills the space and once again we will change the stroke to zero. These three images we can align, so if we select all of them, right-click, under Align we can align their centers and also align their middles. This is great.

Let's preview and see how this works. Once again, nothing happens until we mouse over store, displays, and gifts. There is our store, there is our display, and there are some gifts. Now that we have got our rollover areas built, let's save this file as Chapter 7_c.

Rollovers are an easy way for you to add interactivity to your presentations that you build in Captivate. Use them to provide additional imagery or information for the people who are viewing your presentations.

Show transcript

This video is part of

Image for Captivate 5 Essential Training
Captivate 5 Essential Training

91 video lessons · 24599 viewers

James Lockman
Author

 
Expand all | Collapse all
  1. 2m 14s
    1. Welcome
      59s
    2. Using the exercise files
      36s
    3. Updates for Captivate 5.5
      39s
  2. 10m 18s
    1. Captivate 101
      5m 4s
    2. Understanding presentation basics
      2m 45s
    3. E-learning in a nutshell
      2m 29s
  3. 16m 34s
    1. Exploring Captivate's interface
      3m 59s
    2. Using the Classic workspace
      3m 31s
    3. Using the Navigation workspace
      3m 13s
    4. Setting application preferences
      5m 51s
  4. 1h 6m
    1. Starting from scratch
      2m 51s
    2. Creating a master page
      3m 47s
    3. Adding slide text
      8m 29s
    4. Checking spelling
      3m 10s
    5. Adding shapes
      8m 25s
    6. Adding images
      7m 31s
    7. Aligning and distributing objects
      7m 42s
    8. Using object styles
      9m 2s
    9. Finishing and previewing the project
      6m 7s
    10. Using Free Rotation in Captivate 5.5
      1m 57s
    11. Building with gradients
      4m 43s
    12. Adding shadows
      2m 56s
  5. 53m 39s
    1. Importing Photoshop files
      9m 33s
    2. Importing animations
      9m 0s
    3. Creating slideshows
      6m 10s
    4. Taking advantage of libraries
      9m 32s
    5. Using widgets
      7m 0s
    6. Importing PowerPoint presentations on a Mac
      8m 5s
    7. Importing PowerPoint presentations on a Windows computer
      2m 18s
    8. Understanding the Captivate exchange
      2m 1s
  6. 31m 14s
    1. Touring the Timeline
      5m 19s
    2. Adjusting timing
      4m 36s
    3. Adding transitions to objects
      3m 46s
    4. Animating using effects
      7m 55s
    5. Animating text
      3m 50s
    6. Zooming for emphasis
      5m 48s
  7. 53m 44s
    1. The recording environment
      33s
    2. Adding background audio
      4m 25s
    3. Adding audio to an object
      4m 23s
    4. Recording and adding voice-overs
      5m 1s
    5. Editing audio in Captivate
      7m 6s
    6. Splitting audio among slides
      6m 22s
    7. Adding video to a slide
      7m 9s
    8. Importing slide video
      4m 33s
    9. Synchronizing video
      7m 36s
    10. Creating closed captions
      6m 36s
  8. 49m 6s
    1. Adding buttons
      7m 56s
    2. Adding click areas
      4m 59s
    3. Adding rollover images
      5m 20s
    4. Highlighting objects
      6m 44s
    5. Adding rollover slidelets
      8m 2s
    6. Adding pop-up captions
      4m 38s
    7. Adding text areas
      7m 40s
    8. Creating branching presentations
      3m 47s
  9. 15m 11s
    1. Revisiting libraries
      1m 38s
    2. Sharing assets
      2m 41s
    3. Creating project templates
      6m 50s
    4. Using project templates
      4m 2s
  10. 31m 57s
    1. Preparing simulations
      3m 35s
    2. Preparing to record
      5m 35s
    3. Recording simulations
      4m 46s
    4. Editing simulations
      8m 55s
    5. Adjusting click-through trainings
      9m 6s
  11. 39m 6s
    1. Understanding assessment basics
      1m 53s
    2. Setting up a quiz
      6m 56s
    3. Understanding question types
      8m 22s
    4. Creating custom short-answer questions
      3m 28s
    5. Assessing software simulations
      5m 25s
    6. Pooling and randomizing questions
      6m 55s
    7. Using the new quiz features
      2m 46s
    8. Utilizing the new quiz templates
      3m 21s
  12. 22m 32s
    1. Managing quizzes
      1m 28s
    2. Reporting results
      4m 43s
    3. Using Acrobat.com as a learning management system
      3m 48s
    4. Getting reports from Acrobat.com
      7m 26s
    5. Generating SCORM-compliant output
      2m 4s
    6. Creating assessment templates
      3m 3s
  13. 9m 12s
    1. Introducing skins
      53s
    2. Editing playback controls
      4m 1s
    3. Creating a table of contents
      4m 18s
  14. 15m 3s
    1. Initiating a project review
      3m 59s
    2. Reviewing a project
      5m 58s
    3. Collecting reviewer comments
      5m 6s
  15. 35m 55s
    1. Securing a project
      6m 28s
    2. Rescaling a project
      3m 11s
    3. Sharing a project
      3m 13s
    4. Publishing a project
      10m 57s
    5. Setting up Flash player security
      3m 28s
    6. Exporting to Flash CS5
      3m 7s
    7. Exporting to video for YouTube and iOS
      5m 31s
  16. 29s
    1. Parting thoughts and goodbye
      29s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold

Are you sure you want to delete this note?

No

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.