Get ready to wear that creative hat while using Adobe Captivate – start with Rollover Slidelets!
Have you ever wondered while authoring your elearning content, “How do I get a context menu appear on mouse rollover over any object in Adobe Captivate?”. Have you ever questioned yourself, “In Adobe Captivate, how do I get to view content on mouse rollover and simultaneously have an action performed on mouse click, both on single object?” . Well, if you did have such “How do I….s” then you hit the right node by coming to this post. This post would guide you through to achieve them by using Rollover Slidelet and a little bit of creativity!
So without wasting any more time lets get started. Please have a look at the first project:
Objective of this project: To show point product details upon mouse rollover and its usage/position in rapid authoring workflow when user clicks over that product.
How the objective is achieved:
I have used rollover slidelets to achieve the set objective of this project. I have placed the point product details on the slidelet, which comes up when the user hovers over the rollover area. This rollover area is placed on the point product icon image. You can set the hover delay(i.e. the time taken by the slidelet to appear when the mouse is hovered over the rollover area) on the properties dialog of the rollover area, under the “Options” tab. Then I have assigned an ‘On click’ action on the rollover slidelet. Confused?? How could I have both slidelet appear on mouse rollover and ‘On Click’ action?? Yes, you could have both ‘On click’ action(just like any interactive object such as button, click box) on the rollover area and the corresponding slidelet coming up on mouse rollover on the rollover area. See how to set these settings for a rollover slidelet.
Are you wondering how am I able to show that red arrow on each product (on slide 2) based on the click on the first slide?? Well that is achieved by variables and scripting!!
see for yourself.
So now you know what could rollover slidelet could do for your elearning course. Still wondering how to show a context menu on mouse rollover. Well for that you will have to wait for my next post………..
Download the source file of above project
var addthis_pub=”shameerayyappan”;
![]()
var gaJsHost = ((“https:” == document.location.protocol) ? “https://ssl.” : “http://www.”);
document.write(unescape(“%3Cscript src=’” + gaJsHost + “google-analytics.com/ga.js’ type=’text/javascript’%3E%3C/script%3E”));
try {
var pageTracker = _gat._getTracker(“UA-7747520-1″);
pageTracker._trackPageview();
} catch(err) {}
-
http://www.cfsnap.com Rich
-
http://blogs.adobe.com/captivate Shameer Ayyappan
-
Nikki
-
Miles
-
http://www.facebook.com/pooja.jaisingh Pooja Jaisingh
-

Subscribe to RSS feeds






