Known Participant

Question

HTML5 solution for rollover slidelet

Forum|Forum|9 years ago
January 30, 2017
2 replies
2497 views

This project has been published as .swf, but now has to be published as HTML5. Captivate 9.0.2.437

On the screen below, each red outlined area is a rollover slidelet. When the area is rolled over, the corresponding wheel is shown using a Shared Action. When clicked, the presentation jumps to the desired section of the lesson.

My question is, can this be done in HTML5 - it WILL NOT work now, I have tested it.

Thanks.

This topic has been closed for replies.

RodWard

Community Expert

Rollover slidelets are NOT supported for HTML5 output. That's why it would not be working at present.

If your target audience is intended to be using mobile devices (and that's why you're publishing to HTML5) then there's no point trying to build in rollover actions. Mobile devices use TOUCH screens, not pointing devices such as mice.

Redesign your interaction so that things happen when the user clicks (or taps) on objects.

rchilAuthor

Known Participant

<<Redesign your interaction so that things happen when the user clicks (or taps) on objects.>>

Wouldn't that require two click areas for each "button"? You would have one click area to substitute for the rollover and a second click area for the jumping action?

Thanks for the response.

Lilybiri

Legend

@rchil

That was what I answered as scenario. Since you cannot have two interactive objects in the same location, I proposed to use the click action on the first one to hide/disable itself and show the second interactive object.

Lilybiri

Legend

Personally I would use CpExtra, a HTML widget developed by InfoSemantics. It is not packed with Captivate, not free, but has so much functionalities that I warmly recommend it. Have a look at:

http://www.infosemantics.com.au/adobe-captivate-widgets/cpextra/help/events

Rollover slidelet is the only object in Captivate that has two events (but no rollout, which the mentioned widget has). You should have o replace it by two interactive objects: the first would show the text, disable and hide itself, and show the second interactive object which then allows the navigation.

Lilybiri

Legend

But they can be used for output to desktop. In the future desktop and laptops will also watch HTML5 courses.

rchilAuthor

Known Participant

Doesn't work as HML5 on my desktop!

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded