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
  • 3 replies
  • 1177 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 has been closed for replies.
Correct answer Captiv8r

Hi there

This is easily done using a standard RoboHelp popup link.

Cheers... Rick

3 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