Highlighted

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

Community Beginner ,
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.

Hi there

This is easily done using a standard RoboHelp popup link.

Cheers... Rick

Topics

WebHelp

Views

692

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 make an image zoom in and out when clicked in WebHelp?

Community Beginner ,
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.

Hi there

This is easily done using a standard RoboHelp popup link.

Cheers... Rick

Topics

WebHelp

Views

693

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
Adobe Community Professional ,
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

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...
Adobe Community Professional ,
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.

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...
Adobe Community Professional ,
Apr 22, 2016

Copy link to clipboard

Copied

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

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...
Adobe Community Professional ,
Apr 27, 2016

Copy link to clipboard

Copied

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


See www.grainge.org for RoboHelp and Authoring information

@petergrainge

www.grainge.org for free RoboHelp & Authoring info. Use the blue Reply button at the top to help me help you.
The black Reply link nests replies and they sort out of order.

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

Copy link to clipboard

Copied

Hi there

This is easily done using a standard RoboHelp popup link.

Cheers... Rick

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...
Adobe Community Professional ,
Apr 22, 2016

Copy link to clipboard

Copied

What? No video link Rick? ;>)

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

Copy link to clipboard

Copied

All in good time.

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...
Community Beginner ,
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

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...