• Is it possible with WordPress to have an area of an image that’s “hot” in the sense that when you roll over it a hidden image pops up? How about just rolling over an image – any part of it – and having a hidden image pop up?

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • That would be something done within the code, not within the WordPress admin. What you are talking about is image mapping (since you only want it to be if you are on a certain part of an image). This practice would not generally be recommended as it is an outdated practice. Is there a particular reason you are wanting to do this?

    Thread Starter toonbon

    (@toonbon)

    I have a picture of a group of people and when I roll over one person I’d like a larger picture of that person to pop up, with a caption giving their name and other information. Or I might have a picture shot inside an antique store and when you roll over items a larger image of the item pops up showing the price.

    Why is this an outdated practice?

    Thanks

    Here is a great article to describe why image mapping is an outdated practice. https://alistapart.com/article/imagemap/

    You can achieve similar things with SVGS … as long as you aren’t dependent on older browsers.

    Thread Starter toonbon

    (@toonbon)

    I read the article you linked to but after 11 years the links to the working examples are dead. I get the idea though. The gist is that the original HTML image map is not the best way to do this and it describes a CSS method for doing it. But letting people roll over parts of an image to show other images in not what’s being criticized in the article, just the old usemap way of doing it.

    This still seems to be a very nice way to let users interact with your web page. If it’s a good idea to have things happen when you click an image, why not when you roll over an image, or roll over a certain part of an image?

    There’s actually a very easy way to do this today. A new website builder, Zackel, pulls this off with no effort:

    1. Drag the group image onto the canvas.

    2. Drag the image of the person you want to highlight onto the canvas and put it wherever you want. Then right click the image to give it a name (“sue”).

    3. Double-click the canvas to create a box, size the box to just fit around Sue’s head in the group photo and drag the box over Sue’s head.

    4. Right-click the box to bring up its helper and in the “When rolled over pop up” field put “sue”.

    That’s it! Now on the published page when you roll over Sue’s head in the group photo, her picture appears where you placed it.

    I posted here to see if WordPress had the feature, and it doesn’t look like it. In fact, none of the template site builders can do it, as far as I can tell.

    Thanks.
    Steve Adams

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Are "hot spots possible with WordPress?’ is closed to new replies.