Skip to main content
H
Hunterbeck
Participating Frequently
January 8, 2016
Question

Is there anyway to make any sort of hover/rollover activity in a html5 output?

  • January 8, 2016
  • 2 replies
  • 206 views

I need a simple way of simulating hovering over a button in Captivate 9. I use Captivate to simulate using my companies software, in the past we would just use rollover slidelets to show things being highlighted when you hover over them. When you output to html5 you are no longer able to use rollovers. Is there any other way to simulate things being highlighted on hover? I know you can make your own custom buttons, but this is not at all ideal for me - because there are hundreds of buttons I would need to create manually.

    This topic has been closed for replies.

    2 replies

    TLCMediaDesign
    TLCMediaDesign
    Inspiring
    January 9, 2016

    I know this isn't very elegant, but you can use a rollover caption. Captivate will give you a warning but they still work. I can't seem to style a caption in Photoshop that will give me a truly transparent center in the caption, so I styled them with JavaScript to give them a red border. The captions have no text so you get the effect I think you are looking for.

    document.getElementById("Text_Caption_1c").style.border = "thick solid #FF0000";

    Lilybiri
    Lilybiri
    Legend
    January 8, 2016

    Only multistates possible, sorry. There is no 'hover' event, and action cannot be triggered.

    Maybe I misunderstand, because it seems that you would create custom buttons? Why not create a button style, where the rollover Inbuilt state has a highlight (like the red border that was suggested by another user)? You can apply that style to many buttons. Personally I would chose to go with a shape button. Maybe, if you gave more details about 'hundreds of buttons'? Why would you need that much, if you can use shape buttons on master slides or timed for the rest of the project?

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices