- 이미지맵 반응형 웹 사이트에 적용하기
반응형 웹이거나 브라우저 크기를 변경할 때 이미지맵의 크기가 달라진다.
jQuery-rwdImageMaps를 쓰면 해결할 수 있다.
기존 라이브러리에서는 브라우저 크기 조정 시 이미지맵 coords가 NaN으로 변하는 버그가 있었다.
해당 버그는 내 repo로 fork 해서 수정해놓았다.
GitHub - kycasdzxc/jQuery-rwdImageMaps: Responsive Image Maps jQuery Plugin
Responsive Image Maps jQuery Plugin. Contribute to kycasdzxc/jQuery-rwdImageMaps development by creating an account on GitHub.
github.com
- jQuery-rwdImageMaps 사용 방법
$('img[usemap]').rwdImageMaps(); // 맨 아래 이 코드만 넣어주면 끝 (jQuery는 필수)