Skip to main content
Participant
January 7, 2020
Question

How to create interactive pan and zoom?

  • January 7, 2020
  • 2 replies
  • 492 views

I need to have a large image and allow the user to interactively click and drag to pan around the image.

There will need to be buttons etc. That are pinned to the image that move around with it. I want this to be mouse movement panning, and not clicking overlaid buttons to pan.

I’m guessing I will need to resort to JavaScript to detect OnMouse down, the drag around adjusting the image x,y position to add the mouse movement difference.

Is this feasible or is there a simple way to achieve this with in-built actions/interactive objects?

This topic has been closed for replies.

2 replies

Eric Dumas
Community Expert
Community Expert
January 15, 2020
Eric Dumas
Community Expert
Community Expert
January 8, 2020

Hi,

Can you confirm the version of the software and operating system you are using?

Have you tried to 'trick' Captivate in thinking that large image is a VR360 type?

Check https://www.adobe.com/products/captivate/virtual-reality.html

 

phdmailAuthor
Participant
January 8, 2020

It is Captivate 2019.

That's an interesting idea, and could be a possibility.

The demo looks more like a 360 degree view image, though, with the view rotated around the origin, where as I am looking for a 2D image panning around, like being zoomed in on an image in Photoshop, and pressing the spacebar and dragging the zoomed in image around to change what is visible in the viewport.