Skip to main content
Inspiring
January 25, 2016
Question

HTML5 Rollover Replacement

  • January 25, 2016
  • 4 replies
  • 3188 views

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.

Enjoy!

Darin

This topic has been closed for replies.

4 replies

Known Participant
April 7, 2021

This does not seem to work in Preview mode - is this expected behaviour?

RodWard
Community Expert
Community Expert
April 7, 2021

Are you using Preview as HTML5?

stever72240430
Known Participant
November 29, 2018

Thanks! That's a great tip.

Participating Frequently
November 28, 2018

Thank you! Exactly what I needed!

Participant
June 19, 2018

Just stumbled across this solution... still relevant, and works perfectly for my needs. THANKS!!!

Lilybiri
Legend
June 19, 2018

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?

Participant
June 19, 2018

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.