Skip to main content
R
rohelpuser001
Participating Frequently
April 22, 2016
Answered

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

  • April 22, 2016
  • 8 replies
  • 1201 views

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/AddingUsers.htm%3FTocPath%3DAdministration%7C_____1

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.

This topic is closed to new replies. Start a new post to keep the conversation going.
Correct answer Captiv8r

Hi there

This is easily done using a standard RoboHelp popup link.

Cheers... Rick

8 replies

Captiv8r
Captiv8rCorrect answer
Legend
April 22, 2016

Hi there

This is easily done using a standard RoboHelp popup link.

Cheers... Rick

Jeff_Coatsworth
Community Expert
Jeff_CoatsworthCommunity Expert
Community Expert
April 22, 2016

What? No video link Rick? ;>)

Captiv8r
Captiv8r
Legend
April 22, 2016

All in good time.

Jeff_Coatsworth
Community Expert
Jeff_CoatsworthCommunity Expert
Community Expert
April 22, 2016

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

    Peter Grainge
    Community Expert
    Peter GraingeCommunity Expert
    Community Expert
    April 27, 2016

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

    See www.grainge.org for RoboHelp and Authoring information

    @petergrainge

    Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
    Jeff_Coatsworth
    Community Expert
    Jeff_CoatsworthCommunity Expert
    Community Expert
    April 22, 2016

    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

      Jeff_Coatsworth
      Community Expert
      Jeff_CoatsworthCommunity Expert
      Community Expert
      April 22, 2016

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

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices