• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

displaying image map outlines

New Here ,
Jul 10, 2008 Jul 10, 2008

Copy link to clipboard

Copied

Hello,

I am building a help section that uses screenshots that users can mouse over and click different sections to display pop-up text.

Everything's working fine, but I was wondering if there's any way to set it so that the image map outlines (i.e. the red outlines that display in the project), or something similar, display when the user mouses over them.

My thinking is that it'd be nice to have a way to visually indicate that the image is clickable, and broken by sections. Although the cursor does change when mousing over, I'm not sure if that's a visible enough effect, and I'd prefer a visual cue than having to include a line of text indicating the image is clickable.

Views

367

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
community guidelines
Community Expert ,
Jul 10, 2008 Jul 10, 2008

Copy link to clipboard

Copied

You need to create those coloured outlines using something like RoboScreenCapture and add the hotspots to match after.

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

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
community guidelines
Enthusiast ,
Jul 11, 2008 Jul 11, 2008

Copy link to clipboard

Copied

Hi, Tech Writer KC,

You can also use scripting to replace one image with another as the user moves the mouse pointer over it. See this article for details and examples:

http://www.irt.org/articles/js026/index.htm

Pete

Votes

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
community guidelines
LEGEND ,
Jul 11, 2008 Jul 11, 2008

Copy link to clipboard

Copied

Hi all

Another option that I find really awesome to do is to use Adobe Captivate to accomplish things like this. And if you have opted for the Technical Communication Suite, you should have it available.

Cheers... Rick

Votes

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
community guidelines
New Here ,
Jul 11, 2008 Jul 11, 2008

Copy link to clipboard

Copied

I'm not familiar with scripting, and we only have standalone RH7, not the full TCS.

What software beyond RH7 would be required for scripting?

Votes

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
community guidelines
Enthusiast ,
Jul 12, 2008 Jul 12, 2008

Copy link to clipboard

Copied

LATEST
Hi,

You don't need any extra software to write JavaScript code, as you can do this in a text editor like Notepad. That's how I created the sample HTML Help project that I've just uploaded to the following location:

http://rapidshare.com/files/129219384/ImageMapSample.zip.html

This illustrates how to use the first of the techniques described in the irt.org article. Hope it gives you some ideas of how to achieve similar effects in your own help projects.

Pete

Votes

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
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp