javascript 이미지를 매핑하는지도와 영역을 사용하는 대체 방법

Question

두 가지 질문이 있지만 유효한 답변이 아직 없습니다. 문제는 : 클릭 할 수있는 영역이있는 이미지를 원합니다. 첫 번째 해결책은지도/영역이지만, 많은 영역을 원한다면 너무 많은 HTML입니다.

나는 "HOTELES EN 칸쿤"구글에서 검색 : http://www.google.com.mx/search?sourceid=chrome&ie=UTF-8&q=hoteles+en+cancun#sclient=psy-ab&hl=es&source=hp&q=hoteles+en+cancun&pbx=1&oq=hoteles+en+cancun&aq=f&aqi=&aql=&gs_sm=s&gs_upl=0l0l0l57647343l0l0l0l0l0l0l0l0ll0l0&bav=on.2,or.r_gc.r_pw.r_cp.,cf.osb&fp=f90396ce82f1d2e9&biw=1920&bih=674

들이 클릭 가능한 영역에 작은지도를 그릴 수 있지만의 usemap 속성이나지도/지역 태그 그렇게이 아니라, 그들이 어떻게합니까 이? json 형식의 모든 모양을 사용하여 js를 찾았지만 map/area 이외의 이미지와 연결할 수는 없습니다.

나는 지역 태그의 수백을 추가 할이 내가 해달라고 때문에 부탁 해요,이 기술은 조금 오래되어 있기 때문에이 작업

Answer 1

에게 가장 좋은 방법을 달성하기 위해 권고가 또는 더 나은 방법을 감사하겠습니다 CSS 스프라이트가 필요하다. 사용하면 원하는만큼의 이미지를 사용하고 배경 위치를 활용하여 적절한 위치에 배치 할 수 있습니다. background-size을 사용할 수도 있지만 HTML5를 지원하는 브라우저에만 사용할 수 있습니다.