• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Zoom and pan an image

Explorer ,
Aug 16, 2023 Aug 16, 2023

Copy link to clipboard

Copied

Hi I got a question from a customer who need to be able to zoom in on an still image by draging a zoom bar or clicking a button.. While it is zoomed he also need to be able to pan around the image.

Is this possible to do in captivate without alot of javascript?

Views

210

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
community guidelines
Community Expert ,
Aug 16, 2023 Aug 16, 2023

Copy link to clipboard

Copied

Captivate Classic has a Zoom Learning Interaction. Did you check it out?

There is also the possibility to use a custom Scale effect, which can be applied using an advanced action triggered by a button.

Votes

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
community guidelines
Explorer ,
Aug 16, 2023 Aug 16, 2023

Copy link to clipboard

Copied

zoom learning interaction. Hm thats new. I can zoom in and out using the scale to effecet and add it to a button using action script. The hard part is how to let the user pan the image using the mouse or buttons

 

Votes

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
community guidelines
Community Expert ,
Aug 16, 2023 Aug 16, 2023

Copy link to clipboard

Copied

That interaction is packaged with Captivate Classic since many versions.

Panning is indeed a functionality where you'll need some JS programming skills. 

Votes

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
community guidelines
Explorer ,
Aug 17, 2023 Aug 17, 2023

Copy link to clipboard

Copied

I manage to use the drag n drop functionality inside captivate to be able to position the image around the screen. But that do not work with the zoom action script.

Votes

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
community guidelines
Explorer ,
Aug 17, 2023 Aug 17, 2023

Copy link to clipboard

Copied

This widget do not work. Cant import any images into it. But it seems pretty cool. If it would work 🙂

Votes

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
community guidelines
Community Expert ,
Aug 18, 2023 Aug 18, 2023

Copy link to clipboard

Copied

LATEST

Which type of images did you use (format)? And which version of Captivate? I still have both 11.5.5 and 11.8.2 (on another system along version 12) and will double-check. Last time I used the Image Zoom interaction on 11.5.5 it worked fine, but didn't test yet on 11.8.2 which seems to have more bugs.

Votes

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
community guidelines
Resources
Help resources