반응형웹 이미지맵 적용

어쩌다 보면 반응형웹에 이미지맵을 적용해야할 경우가 생긴다.

그래서 구글을 검색을 하다 보면 대표적인 예로 아래 두가지의 샘플이 조회가 된다.

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

https://github.com/davidjbradshaw/image-map-resizer

대표적으로 두가지의 소스가 나온다

먼저 https://github.com/stowball/jQuery-rwdImageMaps 의 경우

샘플페이지

http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html

를 보게되면

$(document).ready(function(e) {
    $('img[usemap]').rwdImageMaps();
});

다음으로 https://github.com/davidjbradshaw/image-map-resizer 의 경우

샘플페이지

http://davidjbradshaw.com/imagemap-resizer/example/

를 보게되면

$(document).ready(function() {
    $('map').imageMapResize();
});

둘중 편한걸 선택해서 적용하면될꺼 같다