I kind of asked on this before, but its an ongoing project im working on...
i have a ciruclar image.
it has one outer ring, and a circle center.
the outer ring is sliced up into 9 sections.
the project is to make each of those sections produce pop up boxes that have content.
the box needs to be persistent until the user clicks off of the box, clicks the "X", or hovers over another area.
right now what i have is VERY clunky. i am using CSS boxes... and as you can imagine, i can not properly fit a box over a rounded graphic and have the hover areas even close...
So, i thought an old school image map might work using, polygons.
and on hover, using CSS and some jquery (fade effect maybe) a nice looking box would appear...
once they mouse outside of the box it would dissapear.
what i am having trouble finding is some insight on how to use the image map polygon coords and associate those with jquery to create the popup box...
anyone got some insight or direction into this?
