Skip to main content
Known Participant
July 21, 2016
Question

Slider Bar/HTML 5

  • July 21, 2016
  • 5 replies
  • 677 views

Is there currently anything available in Captivate (9) that would allow a slider bar type functionality (such as cycling through a series of images) that could be output to HTML5?

Thanks,
Jeff

    This topic has been closed for replies.

    5 replies

    Jeff AluAuthor
    Known Participant
    January 22, 2018

    Is it still the case that Captivate does not support slider/HTML5 output?

    RodWard
    Community Expert
    Community Expert
    January 23, 2018

    Yes that is correct.  No slider for Captivate HTML5 as yet.  There are SWF widgets from Infosemantics to create sliders and rotating components, but these are not compatible with HTML5.

    Jeff AluAuthor
    Known Participant
    January 23, 2018

    Thanks for that update Rod!

    Jeff

    Jeff AluAuthor
    Known Participant
    July 21, 2016

    "That demo is output to swf. So they could have use a bunch of rollover sidelets to achieve that effect."

    Yes, that's exactly what I'm doing (it's my demo)

    "it would be easy to do it in pure html with a little JavaScript."

    Yes, you're right, I was just hoping there was a way to do it right out of Captivate...

    Thanks,

    Jeff

    Lilybiri
    Legend
    July 21, 2016

    No rollover is supported for HTML output. You could have a look at CpExtra from InfoSemantics which allows to create 'roll' events.

    Jeff AluAuthor
    Known Participant
    July 21, 2016

    But I want to do it without tapping, just by moving the mouse left to right over the screen.  Here's an example:

    http://www.animalu.com/Captivate/Slidelet.htm

    If you move your mouse left to right the images change without clicking.

    Jeff

    TLCMediaDesign
    Inspiring
    July 21, 2016

    That demo is output to swf. So they could have use a bunch of rollover sidelets to achieve that effect.

    it would be easy to do it in pure html with a little JavaScript.

    Jeff AluAuthor
    Known Participant
    July 21, 2016

    OK let me rephrase: Using Rollover Slidelets, I can cycle through a series of images just by moving my mouse over the screen.  Unfortunately, this won't output to HTML5.  Is there kind of functionality similar to this that will output to HTML5?

    Thanks Lilybiri,

    Jeff

    Lilybiri
    Legend
    July 21, 2016

    I would create an object where each image is a state (I tend to do that within a shape). Then you'll need a button to tap on, give it the action 'Go to Next State'. Each time the button is tapped, a new image will appear and it will even loop automatically. HTML output guaranteed.

    Lilybiri
    Legend
    July 21, 2016

    I know how to create cycling through a sequence of images, with or without states, but I don't understand what you mean by a 'slider bar' for that functionality.