2012-07-17 3 views
0

웹 사이트를 만들고 있는데 웹 사이트에는 이미지 맵이있는 이미지가 있습니다.HTML 이미지 맵에서 twitter-bootsrap popover를 만드는 방법

이 시점에서 멈추었는데, 팝 오버는 태그에서 완벽하게 작동하지만 태그에서는 작동하지 않습니다. 누구든지 이미지 맵에서 트위터 - 부트 스트랩 팝 오버 작업을 수행하는 방법을 알고 있습니까? $('#example').tooltip(options)tooltip exaple

the twitter-bootstrap pover

감사합니다 (난 내 영어 이해 바랍니다)

+0

2012 년 웹 개발에서 이미지 맵을 정당화 할 수있는 경우는 매우 좁습니다. –

+0

그래서 나에게 무엇을 제안 하시겠습니까? – Floris497

+0

귀하의 사례가 이미지 맵에 대한 합법적 인 사용 일 수 있다고 생각합니다. 자세한 정보 없이는 알기가 어렵습니다. 즉, 절대 위치에있는 여러 앵커가 포함 된 div의 배경 이미지를 만들 수 있습니다. –

답변

3

하면 ...px을 채우기 (같은으로 이미지 맵을 돌려 :

는 나는이 줄을 함께 할 수있는가 someting가 있다고 생각 실제 크기 포함) :

<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> 

그런 다음 너처럼 익숙한 녀석들.

+0

나는 그것을 시도 할 것이지만 html을 배우기 시작하기 때문에 앵커를 사용하지 않았다. – Floris497

+0

나는 그것을 얻었다. (document.getElementById ("thing1"). coords); 하지만. coords에서 x1, y1을 얻는 방법은 무엇입니까 ?? – Floris497

+0

지도 영역과 비슷한 작업을하려고했는데 FF와 IE (Chrome에서만 작동)에 많은 문제가있었습니다. 이 접근법은 효과가있었습니다. 감사합니다. – Sergi

관련 문제