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

mouseover text on a image map hotspot

Explorer ,
Jul 13, 2020 Jul 13, 2020

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! 

2.9K
Translate
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

correct answers 1 Correct answer

Community Expert , Jul 13, 2020 Jul 13, 2020

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.


Translate
Community Expert ,
Jul 13, 2020 Jul 13, 2020

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.


Translate
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
Explorer ,
Jul 13, 2020 Jul 13, 2020
LATEST

Thank you John, your post got me the answer to exactly what I spent hours searching for!

Translate
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