In our Essentials of Adobe Captivate online class we teach a lesson covering rollover captions. In the lesson, attendees are taught to add four rollover captions to a slide that are positioned above images. Learners who take the lesson are encouraged to point to the numbers on the slide which, in turn, makes the associated rollover caption appear.
After the lesson, a student commented "that's great, but could I force my students to point to the numbers in a specific order?"
Hmmmm... interesting request. And to be honest, it's quite impossible in versions of Captivate older than version 4. However, in Captivate 4 this kind of interaction is quite possible. In fact, click this link to see a sample of the solution (there are four images on a slide and you will be forced to mouse over them in order, and one at a time).
It may seem daunting to create this kind of interactivity in Captivate, but it's really quite simple by hiding and showing objects at the correct time. During the steps that follow, I will teach you how to implement this concept for the first two rollover areas shown in the sample.
To prepare for the lesson, create a Captivate project. Insert two images to a slide and then insert two Rollover Slidelets and one button (Insert > Standard Objects).
Name the first Rollover Slidelet rolloverNumber1, the second Rollover Slidelet rolloverNumber2 and the button DoneButton.
Make rolloverNumber2 and DoneButton initially invisible by deselecting the Visible checkbox on the Options tab.
Position rolloverNumber1's Slidelet over the first picture.
Insert a text caption in the Slidelet that says something like Congratulations, you found item number 1!
Place rolloverNumber2's Slidelet over the second picture.
Insert a text caption within the Slidelet that says something like You found the second object! Good job.
Preview the lesson and note that rolloverNumber2 is not visible, thus it is not available for the student to roll over. The only interactive option on the slide is rolloverNumber1. After the student rolls over the first picture, you need to activate rolloverNumber2. You can do this by "showing" the rollover area.
Show the Properties of rolloverNumber1.
On the Advanced tab, select Show from the On rollover drop-down menu and select rolloverNumber2 from the Show drop-down menu.
Finally, after the student finds the second picture, we want to show the "Done" button.
Display the Properties of rolloverNumber2.
On the Advanced tab, select Show from the On rollover drop-down menu and then select DoneButton from the Show drop-down menu.
Not too tricky and you didn't even need any multiple or advanced actions!
***
Worried about your class canceling? You'll be happy to hear that IconLogic never, ever cancels classes (even if there's just one student registered).
Recent Comments