Highlighted

How to create interactive pan and zoom?

Community Beginner ,
Jan 07, 2020

Copy link to clipboard

Copied

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?

TOPICS
Advanced, Advanced actions

Views

126

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

How to create interactive pan and zoom?

Community Beginner ,
Jan 07, 2020

Copy link to clipboard

Copied

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?

TOPICS
Advanced, Advanced actions

Views

127

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jan 07, 2020 0
Adobe Community Professional ,
Jan 08, 2020

Copy link to clipboard

Copied

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

 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 08, 2020 0
Community Beginner ,
Jan 08, 2020

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 08, 2020 0
Adobe Community Professional ,
Jan 15, 2020

Copy link to clipboard

Copied

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 15, 2020 0