Question

I am making a website, in the website i haven an image with an image map.

I am stuck on this point, the popover is working perfectly in an tag but not in the tag. does anyone know how to get the twitter-bootstrap popover work on an image map?

I think it has someting to do with this line: $('#example').tooltip(options) tooltip exaple

the twitter-bootstrap pover

Thanks (i hope my English is understandable)

Answer 1

Turn your image map into something like (fill the ...px with actual dimensions):

<div id="#map" style="position:relative;width:...px;height:...px;background-image:...">
    <a id="map-link-1" href="/path/url/for/target/or/#"
        style="position:absolute;top:...px;left:...px;width:...px;height:...px">&nbsp;</a>
    <a id="map-link-2" href="/path/url/for/target/or/#"
        style="position:absolute;top:...px;left:...px;width:...px;height:...px">&nbsp;</a>
    ...
</div>

Then deal with the anchors like you are used to.