반응형웹에서 이미지맵 사용(imageMap)

이미지맵 반응형 웹에서 사용

<script src="http://code.jquery.com/jquery-2.1.3.min.js">
<script src="http://mattstow.com/experiment/responsive-image-maps/jquery.rwdImageMaps.min.js">

<!--제이쿼리 라이브러리, rwdImageMaps js 불러오기-->

<script>
​

$(document).ready(function(e) {
$('img[usemap]').rwdImageMaps();
});
​
</script>
​

​

<div class="map">

<img src="이미지경로" alt="map" usemap="#Map">

<map id="Map" name="Map">

<area shape="rect" alt="" title="" coords="742,647,816,668" href="" />

<area shape="rect" alt="" title="" coords="840,644,907,666" href="" />

</map>

</div>