Jquery 기반
용도
* width 가 100% 인 Image에 imageMap을 입히고 싶을때,
* imageMap 을 입힌 Image 에 onresize 를 통해 사이즈를 조절하고 싶을때 (ImageMap 을 동적으로 사용가능)
https://github.com/stowball/jQuery-rwdImageMaps
사용방법
0) Import 부터..
1) image 에 맞는 map 태그를 작성한다. (반드시 본래 사이즈에서 맞추어야 한다.)
2) css또는 script로 원하는 사이즈로 조절한다. 이때 %로도 가능하다. (ex : sytle="width:100%")
3) 아래 script를 포함시킨다.
$(document).ready(function(e) { $('img[usemap]').rwdImageMaps(); });
4) 정상적으로 동작하는지 테스트한다.