Skip to main content
K
Kelli26
Known Participant
January 5, 2016
Answered

How to create an item that will scroll (like a web page) in Captivate 8

  • January 5, 2016
  • 3 replies
  • 482 views

Hello All and Thank You in advance for assistance in this item.

I would like to have an image that will scroll with the users clicking/dragging on the Captivate slide similar to what a web page.

This image will have smart shapes for the user to click on.

How can I create the scroll?

How can I lock or secure the smart shape to stay where I want it on the larger image when it is scrolled?

I am using captivate 8.

Thank you again for the help,

Kelli

      This topic has been closed for replies.
      Correct answer TLCMediaDesign

      I would put the image in an actual html file inside of a div with height and width. Zip that file and insert as an html5 animation.

      There are several way to allow the user to click on the actual window div and drag. GreenSock has the best but there are JavaScript solutions as well, not as smooth though.

      GreenSock | Draggable

      Scroll down to the 3rd example

      jQuery

      http://jqueryui.com/draggable/#default

      You can also put a smartshape on top of the HTML5 animation.

      3 replies

      K
      Kelli26Author
      Known Participant
      January 6, 2016

      Thank you to everyone who commented and gave me some alternatives.

      TLCMediaDesign
      TLCMediaDesignCorrect answer
      Inspiring
      January 6, 2016

      I would put the image in an actual html file inside of a div with height and width. Zip that file and insert as an html5 animation.

      There are several way to allow the user to click on the actual window div and drag. GreenSock has the best but there are JavaScript solutions as well, not as smooth though.

      GreenSock | Draggable

      Scroll down to the 3rd example

      jQuery

      http://jqueryui.com/draggable/#default

      You can also put a smartshape on top of the HTML5 animation.

        RodWard
        Community Expert
        RodWardCommunity Expert
        Community Expert
        January 6, 2016

        The only solution I am aware of is ONLY for SWF output and is explained on the third Youtube video down from the top of this page:

        Adobe Captivate YouTube Video Tutorials | Infosemantics Pty Ltd‌

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