Hover over part of an image to reveal more info

Classic
1

http://www.theaustralian.com.au/national-affairs/tony-abbott-my-legacy-the-key-to-victory-at-next-election/story-fn59niix-1227544498180?sv=71d1f7333062f3981d98a4c7f3188a45

I like this effect - tap/hover part of the image to reveal more information. To a non-coder like me it looks like it would be very complex and very expensive to do. But does anyone have an add-on that will do this?
All the best
Philip

2

I can’t see the effect because it looks like the site’s behind a paywall.

Is it anything like this?

http://www.dkstacks.com/stacks/hovermate/

Rob

3

Thanks for the reply Rob. Sorry you weren’t able to see the image - I can’t now either because now it is behind a paywall as you suggest. The image was actually a group photo of our most recent Australian government ministry. Hovering over the face of each minister revealed a window with information about that politician. Move to another face and a different window appears. So there were various “hotspots” on the one image, each one very specific, and each one revealing a unique window. Hovering over anything other than a face did nothing.
Looking at your example, the effect appears when you hover over the image as a whole. What I saw was like hovering over the button and a window with “Black Button” appearing, or hover over the fingernail and a window with “Red fingernail” would appear.
Bit hard to explain without being able to see the image, but hope this gives you the gist.
All the best
Philip.

4

Hi Philip,

I think ‘hotspot’ or ‘image map’ are the keywords. If you type either into the search field on StackCentral you’ll find four stacks that may help you achieve that effect.

Marten

5

Thanks Marten
Exactly what I was looking for
Philip

6

Check out WIll’s HotspotPro stack. www.stacks4stacks.com

7

Thanks Rob I do like the look of HotspotPro stack. Probably the way to go as I like Will’s work in general. Appreciate the feedback.
Philip