Robohelp 10 HTML - How do I display full/small size graphics inline?

[CUA_ecamargo]

I'm a relatively new user to Robohelp, and will be responsible for updating an existing help system for a new software edition. One of the things I was interested in accomplishing while making the transition was to display graphics inline the same way Adobe does with its online Robohelp support. For example:

http://help.adobe.com/en_US/robohelp/robohtml/WS5b3ccc516d4fbf351e63e3d11aff59bd8a-8000.html

So rather than having a thumbnailed version of a graphic on a topic and clicking a link to view the full-size image on a separate "page" (thereby requiring the user to click Back on their browser to navigate back to the help topic they were on), I'd like to have the full-size image replace the thumbnailed version such as it does in the link above. The user can then simply toggle between the two image versions while remaining on the topic.

Please let me know if you require any further clarification. Thanks in advance for your time and consideration.

-Esteban

[Peter Grainge]

There is nothing built into Rh specifically for this purpose and Adobe do, of course, have access to rather a lot of developers. There is probably a javasript method on the web that would do this.

Another option could be to use Twisties if you are willing to compromise a little. What you could do is create a Twisty that contains the large image. Below the text of the Twisty (Click to see large image) you would put the small image. On opening the topic the user would see the text and the small image. On clicking the text they would see the large image with the small image below. I'm thinking that would not look too wrong and would be a whole lot easier for you.

---

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

[CUA_ecamargo]

Thank you, Peter. I suspected Adobe might be doing something requiring more complicated development, but wanted to be certain. I appreciate the feedback and will investigate utilizing Twisties.

-Esteban Camargo

[GregT42]

I created a hyperlink for the image, to itself, targeting a new window. This works fine in FF and Chrome which open the image by itself in a new tab. But IE prevents the link from working if the help system is on the local hard disk.

[Peter Grainge]

Have you tried applying the Mark of the Web setting in your webhelp layout?

---

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

[GregT42]

Yes, I can confirm that the mark is on, otherwise I get a yellow warning bar (security, activex, click to allow blocked content) each time the system loads into IE.

I'm now working on an onclick routine for each IMG, the routine is added by onload startup javascript, so there are no modifications to the page or the elements, just an additional startup routine and the resize routine. Each click on the image makes it larger and the 4th click goes back to the original size.

Thanks,