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) 정상적으로 동작하는지 테스트한다.




+ Recent posts