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

Adding rollover slidelets

From: Captivate 5 Essential Training

Video: Adding rollover slidelets

In this lesson we are going to take a look at a feature of Captivate called a rollover slidelet. A rollover slidelet is different from a rollover image in that when you use a rollover image you're able to display one image. In the case of a rollover slidelet, however, you're able to display just about anything that you can put on a slide and have that appear and disappear. This means that you have a lot more flexibility when creating the type of rollover content that might include more than just an image, but also might include some text or perhaps other types of objects that you would want to display.

Adding rollover slidelets

In this lesson we are going to take a look at a feature of Captivate called a rollover slidelet. A rollover slidelet is different from a rollover image in that when you use a rollover image you're able to display one image. In the case of a rollover slidelet, however, you're able to display just about anything that you can put on a slide and have that appear and disappear. This means that you have a lot more flexibility when creating the type of rollover content that might include more than just an image, but also might include some text or perhaps other types of objects that you would want to display.

We are going to be using the Chapter 7_d file that we built earlier in this chapter. If you don't have it open, please open it now and then let's go to slide number 3. I would like to add an image to this slide and that's in your Library already. It's called wide shot inside flower shop. Open your Library and if you don't have it available, you can always recover it by switching to the Classic workspace. Here's wide shot inside flower shop and let's drag it onto the Stage. Once again it's too big so we will reduce it to fit and then shrink it some more.

Be sure to hold down your Shift key so that you will maintain proportions. Make it about that big and we will stick it just about there. I'd like to leave some room at the bottom, so we'll have some space where our slidelet can be. Let's insert the slidelet now. There's an Insert Slidelet tool here and we can also get it from the Insert menu. This is located under the Standard Objects and you'll see Rollover Slidelet.

The rollover slidelet has two areas. It has the rollover trigger area, which is highlighted in blue, and it has the window that will be shown when we roll over that area. When you create the new slidelet they are nested together, so I need to split them apart. First I will take the display area and move it down here. Let's make it to run across the bottom of the screen. It can overlap the picture a little bit. The next thing it will do is it will put the slidelet rollover area right here.

Select the trigger area and drag it over right about there and we can make it a little bit bigger. I'd like not to show the border, so we will turn it off and now let's concern ourselves with the slidelet itself. Select it and now let's look at the Timeline. Where did all of our stuff go? Well, when you're in the slidelet, you're looking at a complete slide that will be exposed by that rollover action. This slide is currently empty.

So we need to put some things in it. Let's switch to our Library and I would like to grab bulbs on display. We will grab bulbs on display and drag it onto the Stage. Now select the Properties and we are going to crop it. Use the Crop Image function and what I'd like to do is to focus on this giant bulb here. We need not to constrain proportion, so deselect that and you can make it taller and a little wider to get the entirety of the plant.

We're ready to go. Click OK and this image is still quite large. Let's Fit to Stage so that we can select it now. Here's our cropped image fit to the Stage. Reduce it so it fits in the slidelet. Hold down your Shift key and then you can reduce and now the image fits entirely within the slidelet. Our image needs to get put into the slidelet now and so we can do that by selecting it and then cutting with Command+X or Ctrl+. And then select the slidelet.

Once we have selected the slidelet we can paste the image into the slidelet. We'll do that with Ctrl+V on a Windows computer or Command+V on a Macintosh. Now that we have the image in the slidelet we can slide it off to the left. Now, it's where I want it to be. We can insert other content into the slidelet as well. Select the slidelet and right-click. There's an Insert menu that includes some of the Standard Objects as well as image animation, Flash video, or text animation and widgets.

Let's insert a text caption. Type the phrase "Bulbs can be big too!" And then select all with Command+A or Ctrl+A and we will make it to be 40 points. Hit Escape to get out of Editing, and we will slide it up into the middle. Lastly we will change our caption type from HaloBlue to Glass Green. Slide that up a little bit more. All right! Now, we have our slidelet that consists of this text caption and this image.

It will be triggered when we roll over this area right here. Let's preview from here and see what we get. We will hover over the slidelet and you see that displays with the blue outline. It then disappears. We will try to trigger it again. There we go. It appears, and then it will disappear. Let's go take a look at the timing for the slidelet. The slidelet persists for three seconds.

You can change the amount of time that the slidelet exists on the Stage by dragging here left or right. You could also select the slidelet and adjust its timing properties. Let's extend it to 5 seconds. Of course having done that, we want to extend these elements as well. Select them both and use Command+E on a Macintosh or Ctrl+E on a Windows computer to extend them. Let's go back to the rollover area for the slidelet and show you one more feature.

The slidelet can also act like a button. Once you put your mouse over the slidelet you could click and if you were to click, then you could choose any one of the button actions that might appear. You can also assign a keyboard shortcut. Lastly, the rollover itself can also trigger a behavior. So think about that. You have the ability to assign different responses to clicking and to rolling over. If you don't need all of those options then you may want it to stick around.

In this case it won't behave like a button. It'll simply behave like a rollover area. In the rollover you can determine a response behavior. However, nothing will happen when you click on the rollover area. Let's leave it this way because I don't need it to be something that's going to respond to a click. Having made that change we will preview one more time. And when we roll over now, it will last for six seconds before it disappears.

Let's close the preview and save. We will call this Chapter 7_e. We've barely scratched the surface with rollover slidelets. You can do a lot of things with the rollover slidelet that you can't do with the rollover image. Use rollover slidelets to add more content and more information to your rollover areas.

Show transcript

This video is part of

Image for Captivate 5 Essential Training
Captivate 5 Essential Training

91 video lessons · 24758 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
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now "Already a member? Log in

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Captivate 5 Essential Training.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Your file was successfully uploaded.

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.