Support » Plugins and Hacks » Ultimate TinyMCE » [Resolved] Image Map border add?

[Resolved] Image Map border add?

  • Hi there!

    Is it possible to add some kind of border to your image map? A visitor might have no idea the image map exists (all they see is a picture). I would like it if the map had an option to put a border or flash the clickable areas when you mouse over the area. A plugin that does do this is ImageMapper, but the support doesn’t seem to be there and it’s partly incompatible with my theme, is somewhat clunky, and doesn’t seem to have been updated in some time.


Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Josh


    Moderator and Editor Customizer


    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?

    Plugin Author Josh


    Moderator and Editor Customizer

    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 WordPress.org.
    Yes, if you can do that research and provide you direct contact I’d appreciate it.

    Plugin Author Josh


    Moderator and Editor Customizer

    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 🙂

    Plugin Author Josh


    Moderator and Editor Customizer

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

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


Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Resolved] Image Map border add?’ is closed to new replies.
Skip to toolbar