이미지 맵 크기 조정

Question

div로 좌표가있는 이미지 맵의 크기를 동적으로 조정하려고 했으므로 창 크기를 조정하면 그에 따라 좌표가 조정됩니다. 이 작업을 수행하는 방법에 대해 제안 사항이 있습니까? 경계 지역을 입력하고지도가 그 지역 내에서 클리핑됩니다

나는이 http://blog.outsharked.com/p/image-map-resizer.html

작동하지만의 대체 옵션으로 할 수있다 생각합니다.

제 질문은 어떻게 경계 영역을 설정합니까, 전체 영역을 동적으로 확장 할 수 있습니까?

Answer 1

이 jQuery 플러그인은 이미지 맵을 크기 조정 및 재배치하는 데 적합합니다. 이것을 한 번 호출하면 페이지의 모든 이미지 맵이 처리됩니다. 이미지의 크기가 바뀌는 무언가가 발생하면 이미지 맵의 크기를 조정합니다.

https://github.com/stowball/jQuery-rwdImageMaps.

이미지 맵 크기 조정 문제를 해결하기 위해 div를 사용하는 것이 아니라면 이미지 맵이 적용된 div에 빈 이미지 (완전히 투명한 .gif 또는 .png)를 넣고 너비와 높이를 100 %로 설정합니다.