Adding image hover border while using Image Mapping

[rojarani]

Hi Experts,

I have created an image map and linked it to the concerned topics, but then what I am after is, as I hover on the part of an image that is linked, I want a hotspot. For example, as in the image below, I want a border to appear when I hover over it. Is it possible to get it by means of adding some code to the style?


I googled for the same and got steps for "Hover Swap" and "Hover Halo" as mentioned in this article - https://www.madcapsoftware.com/blog/why ... -with-css/, but then it is for an individual image and does not fit in the image map scenario.

Can you please help me how can I achieve it? I am sure there must be a way, just that am not able to find it.

Cheers

Rani

[DaveMags]

I don't think you can do this on an image map. You can't add CSS to style image map areas. Looking online, there seems to be a possible Javascript solution if you want to go that route.

Not sure how important the image map is to your site, but you might be able to recreate whatever it's doing without it, building with divs or individual images that you can style.