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

How to make an image zoom in and out when clicked in WebHelp?

Community Beginner ,
Apr 22, 2016 Apr 22, 2016

Copy link to clipboard

Copied

Is it possible to add image zoom in and out feature on the WebHelp output of RoboHelp? something like in this page:

http://docs.oracle.com/cloud/latest/marketingcs_gs/OMCBD/index.html#Help/Administration/Tasks/Adding...

When users click on an image, the image zooms in to provide a better view. Is it possible to do something like this using RoboHelp 8? If yes, please explain the steps.

Thanks in advance.

Views

932

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

correct answers 1 Correct answer

LEGEND , Apr 22, 2016 Apr 22, 2016

Hi there

This is easily done using a standard RoboHelp popup link.

Cheers... Rick

Votes

Translate

Translate
Community Expert ,
Apr 22, 2016 Apr 22, 2016

Copy link to clipboard

Copied

Cool effect – having a look at the source code reveals the coding -

"img class="MCPopupThumbnail img imgscreenshot_Small_Popup" data-mc-width="559" data-mc-height="527" src="../../../Resources/Images/Administration/Add_Users_to_Network_thumb_200_150.png" alt="" tabindex=""

Googling that bit seems to show this site - http://bootsnipp.com/snippets/featured/thumbnails-2-popups-with-tb-modals that gives examples on achieving this effect

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 ,
Apr 22, 2016 Apr 22, 2016

Copy link to clipboard

Copied

Sorry, I missed the bit about doing this in RH8 - I suspect you may be out of luck there with that old version.

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 ,
Apr 22, 2016 Apr 22, 2016

Copy link to clipboard

Copied

Here’s another method - http://cssdemos.tupence.co.uk/image-popup.htm

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 ,
Apr 27, 2016 Apr 27, 2016

Copy link to clipboard

Copied

LATEST

The cssdemos.tupence method doesn't seem to work in Firefox.


See www.grainge.org for RoboHelp and Authoring information

@petergrainge

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

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
LEGEND ,
Apr 22, 2016 Apr 22, 2016

Copy link to clipboard

Copied

Hi there

This is easily done using a standard RoboHelp popup link.

Cheers... Rick

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 ,
Apr 22, 2016 Apr 22, 2016

Copy link to clipboard

Copied

What? No video link Rick? ;>)

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
LEGEND ,
Apr 22, 2016 Apr 22, 2016

Copy link to clipboard

Copied

All in good time.

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 Beginner ,
Apr 26, 2016 Apr 26, 2016

Copy link to clipboard

Copied

Although it requires that for each image you'll need to create a new topic, you can still get the desired output using popup link.

Anyway, Thank you Rick. You're a Star!!!

images.png

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
RoboHelp Documentation
Download Adobe RoboHelp