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