Don't know if anyone has figured this out, but I found a way to create a rollover that works in HTML5. While the standard rollovers do not work in HTML5 and are pointed out in the HTML5 tracker, there does not appear to be any issue with using a Click Box and Hint. Just follow these steps:
1. Create a click box.
2. Under Properties/Actions/Display, uncheck Success and Failure (leave Hint checked).
3. Click on the text box and select the appropriate caption type.
4. Enter the desired text in the text box.
5. Place the click box over the area of the screen you wish to have a rollover.
Now when you play the slide and roll your mouse over the click box, your rollover text will display and you won't see any issue in the HTML5 tracker.
Just stumbled across this solution... still relevant, and works perfectly for my needs. THANKS!!!
Great, but know that it will not work in a responsive project with Fluid Boxes because click boxes are not supported for that kind of projects?
I just have a simple need for replacing a bunch of text rollovers only, so it completely works on my end, but thank you for replying and clarifying – this might come up down the road.
Sure, it is a good replacement, but for other users as well, wanted to add this comment.
Anyone on mobile without a mouse will still not be able to see the rollover effect, unfortunately. Although this would work well for desktops.
Not to deflate any sails, but this is a good point. 'Rollover' type interactives really should be avoided entirely if the project will be available on a mobile device (phone/tablet). There's really not a huge difference between 'click to show' and 'rollover to show'...so in all our projects that call for such things, we use 'click to show' instead of rollover just to avoid any possible difficulties with mobile devices.
Otherwise, yes, this is a good solution...as long as you can properly time the duration the rollovers stay visible on the screen, as needed
I initially used the "click to show" method using advanced actions following the tutorial on Lynda (https://www.bing.com/search?q=replace+rolloevers+html5+captivate&src=IE-TopResult&FORM=IETR02&conver...Using advanced actions to replace rollover images ) but I ran into issues with that. After a few clicks of showing and hiding the captions, it would stop working. Do you know why this is happening? The clickboxes were set to unlimited attempts.
Can you show a screenshot of the action and settings in the Actions tab? If
this is a responsive project with Fluid Boxes, click boxes cannot be used.
Our project won't be on mobile or need to be responsive. We MAY transition to that in the future but for the time being, the rollovers using clickboxes are good for now. However, I'd still like to know why the Click to Show method is locking up after a few clicks. Here are the screenshots:
You are version 9 or older. New to advanced actions? You seem ot to know the Preview button for an advanced action (first button in the top right control panel of the AA dialog box, looks like an arrow).
Be careful not to use the same name for different items. Not sure about that. Using a multistate object would be a lot easier, as would using 0/1 for the Boolean variables instead of false and true. Similar for the Toggle command which was already available in 9.
Which old version do you use? Full version number, please, as shows under Help, About Captivate.
Here is a blog post, where you find a simple shared action which could be used to toggle the visibility of an item, using multistate objects. Lynda.com has some very outdated tutorials.
Blog was created with CP9.
Why it is not working with your click box? Find it rather dangerous to use a click box for this use case: it has its pausing point at the last frame of its timeline. If that is also the last frame of the slide?
Haha yes! I'm new to advanced actions as you can see
I have CP 188.8.131.52. Thank you so much for the link and suggestions!
Please, start by updating your version to 9.0.2. You missed 3 patches. I don't remember the last numbers, have no CP9 anymore.
Will do, thanks!
Thank you! Exactly what I needed!
Thanks! That's a great tip.
This does not seem to work in Preview mode - is this expected behaviour?
Are you using Preview as HTML5?
This is an 'old' thread. Since this version many new possibilities have become possible. Have a look at this blog, where I offered 3 possibilities, some working in Fluid boxes projects:
If you are in a non-responsive project (indicated as Blank in the Welcome screen), as Rod points out, the only Preview method showing a good preview of the future output is F11, Preview HTML in Browser. It is recommended to test in multiple browsers, because HTML5 use is not standardized and supported in multiple ways.