Image Map border add?

Hi,

Yeah, the image map addon I use is obviously different from the plugin you linked to above.
It would be almost impossible (not time/cost effective) to re-code my addon to support those additional features.

What is it, specifically, about the other plugin you don’t like? Other than being updated, what is ‘clunky’ or ‘incompatible’ about it?

Well, it’s just that it doesn’t work well with my mobile responsive theme. Works fine with Jetpack’s mobile theme module but the module overlaps with the theme’s responsiveness….it’s just not necessary to have two partly incompatible “themes” going at once.
For the “clunkyness” part you have create the image map separately on its own blog post type, go to a separate backend blog post type page to edit the links you created for the image map, and then you can insert it just like a regular picture in the WordPress post. This, however is minor.
The main thing, other than the compatibility issues above, is that the developer seems to have dropped off the face of the earth.
Maybe there’s some custom CSS that can fix the mobile problem. I’m talking to theme support right now.

By the way though, if you’re going to have this image map thing, how do visitors tell it’s there without any visible borders? Or are there visible borders?

You know… to be perfectly honest.. image maps were never my thing. I’ve always preferred other alternatives to using an image map.

I would guess if borders are important; then perhaps they could be first added to the image via Photoshop. Then, use the image map addon to ‘re-draw’ the borders as maps.

I’m sure you can add custom css to image map elements as well; such as grow/shrink on hover; color change on hover; etc. I’d just need to research it a bit to get the proper process.

The borders can probably be done via css as well. Again, I’d have to look into this more.

Well – I’d be happy to do some research if you like. Sorry I can’t be of more help; but again, I just don’t ever use them.

If you care to collaborate.. I’ll happily provide my contact form details in which we can open a more direct line of communication.

Sure. Sorry It’s taken so long to get back to you. Tried to email you back directly….not sure if that works on www.ads-software.com.
Yes, if you can do that research and provide you direct contact I’d appreciate it.

While digging around in another clients system… I noticed she also makes use of the image maps.

Inspecting the code further; it appears each section of the image map is marked with <area> html tags.

I would imagine you could use some CSS styling to add a border around this on hover… something like this would probably work:

area:hover {
    border: 1px solid black;
}

Give that a try.. and see what happens ??

Okay.. I’m gonna mark this thread as resolved.

Please feel free to change it back if this is still not working for you.

Thanks.