Skip to main content
Inspiring
November 6, 2009
Question

Set images to dynamically resize based on window

  • November 6, 2009
  • 2 replies
  • 1521 views

Just wondering if this is possible, and 'easy' to do within robohelp, or if I need to hard code a dynamic resize in the HTML code.

Some images we have are a bit difficult to view because they are resized so heavily from a full sized screen shot. I would like to set the images up so when a user resizes the window the image will also become bigger, and when a user makes the window smaller then the window will shrink.

any ideas?

thanks.

This topic has been closed for replies.

2 replies

Nick27Author
Inspiring
November 9, 2009

Solved. just incase any one else comes across this.

Well, the main cause for this questions was an issue with re-sized images not displaying clearly in some browsers and on some monitors.

I've found the reason.

When capturing images in robocapture and resizing them, the quality was being lost. So instead I was using photoshop to resize, and even though the final product looked fine on my machine, it wasn't the case on many many others.

This was because when opening a GIF in photoshop the color (set under Image > Mode) was being set to Indexed, not RGB. Once set to RGB and resized, the quality is maintained and things look much better now.

thankfully I can make a quick batch file to resize all the files correctly and using RGB.

brialliant. no need for pop ups or drop-down options, and printed docs will still be easy to produce.

thanks.

Peter Grainge
Community Expert
Community Expert
November 9, 2009

Generally speaking, JPGs resize better than GIFs. Also try the resize tool in the RH toolbox. That resizes better than the resize if you access Image Properties.


See www.grainge.org for RoboHelp and Authoring tips

Follow me @petergrainge

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
RoboWizard
Inspiring
November 6, 2009

Hi there

You might consider creating a thumbnail version and inserting that. Then create popups that display the full sized version if the user clicks the thumbnail.

Either popups or DHTML drop-downs should work.

Cheers... Rick

Helpful and Handy Links

RoboHelp Wish Form/Bug Reporting Form

Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!

Adobe Certified RoboHelp HTML Training

SorcerStone Blog

RoboHelp eBooks

Nick27Author
Inspiring
November 6, 2009

How can I do this in RH?

I've made a thumbnail, added it to the topic, then go to insert a hyperlink, but it only allows me to select topics, not images.

or does it have to be hand coded?

thanks.

Peter Grainge
Community Expert
Community Expert
November 6, 2009

Click the thumbnail, then click the link icon.

In the Hyperlink dialog, click Link To and select file.


See www.grainge.org for RoboHelp and Authoring tips

Follow me @petergrainge

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.