Skip to main content
Inspiring
July 13, 2020
Answered

mouseover text on a image map hotspot

  • July 13, 2020
  • 1 reply
  • 2852 views

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! 

    This topic has been closed for replies.
    Correct answer Jon Fritz

    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.


    1 reply

    Jon Fritz
    Community Expert
    Jon FritzCommunity ExpertCorrect answer
    Community Expert
    July 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.


    gunzelguyAuthor
    Inspiring
    July 13, 2020

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