JS Challenge – Looking for a suggestion

[exsite_interactive]

Hey Guys,

So I am looking to do something like this: http://www.exsite.ca/temp/team-sample.jpg

Basically you will have all the team members lined up as seperate images and when you hover over one it will show their bio on the right site. The issue is how can i get the hover to work with the overlaps and such that occur in the people. That AND, i want to have the hover area be the specific contours of the persons body, not just a square.

Let me know if you have a solution for this… or if it is even possible.

Thanks!

[rosspenman]

You’ll probably want to use image maps for this.

https://developer.mozilla.org/en-US/docs/HTML/Element/map

[exsite_interactive]

@CrocoDillon is there some kind of tool that aids with that?

@rosspenman image maps are so ancient… theres gotta be some kind of more recent tech for this…

[rosspenman]

Image maps are definitely the best way to do this. They are still completely valid HTML5!

[Author]

Posts