반응형 이미지 맵 - jQuery-rwdImageMaps

 

반응형 이미지 맵 제이쿼리 (jQuery-rwdImageMaps)

반응형에서 이미지 맵을 사용할 때 이미지의 비율로 줄어들어 이미지 맵을 사용하기 어려웠습니다.

하지만, 반응형 이미지 맵 제이쿼리만 사용하면 그런 걱정은 안해도됩니다.^^

아래의 사용법 확인 후 적용 하여 사용해보세요.

사용 github url - https://github.com/stowball/jQuery-rwdImageMaps

사용 방법 - jQuery RWD Image Maps

    

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

데모사이트는 아래링크로 확인해보세요

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

 

 

혹시 내용이 도움 되었다면 유튜브 채널오셔서 다양한 정보 보시고 

구독과 좋아요 부탁드립니다. 

감사합니다. 



스톤모두 유튜브 무료 강의 : https://www.youtube.com/channel/UCZUPZrlC-A8u4Y8KbU0HUvQ?sub_confirmation=1 

스톤모두 네이버 스토어 : https://smartstore.naver.com/stonemodoo 

스톤모두 모두홈페이지 : https://stone.modoo.at/ 

스톤모두 워드프레스 홈페이지 : https://stonemodoo.com/