mouseover text on a image map hotspot

Question

I have an image map with a hot spot that when clicked goes to a link. I want text to appear when the mouse is rolled over the hotspot. Surely this can be done simply in DW?

INSERT > HTML > ROLLOVER IMAGE doesn't do me any good as it wants me to specify an original image which can't be done with a hotspot. I looked at mouseover events but where would I put the code. I guess what I really want to do is insert a tooltip. HELP!

Jon Fritz · Accepted Answer

The simplest way would be to add title attributes to your <area> tags. For example...

<area shape="rect" coords="306,239,367,303" href="page.html" title="Well, hello there" alt="something descriptive">

Keep in mind, standard image maps are not responsive and the hotspots will drift if the image resizes on smaller/larger devices than what was used to design them. Also, mobile devices lack a mouse, so rollovers rarely ever do anything.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.