웹 이미지 위에 이미지 링크 걸기(Image Map / rwdImageMaps)

by 쉐르빌 2022. 10. 28. 14:48

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-rwdImageMaps/1.6/jquery.rwdImageMaps.min.js"></script>
<script>
  $(document).ready(function(e) {
    $('img[usemap]').rwdImageMaps();
  });
</script>
<body>
  <div class="pcImg">
   <img src="img/pcImg.png" usemap="#full" />
   <map name="full">
    <area shape="rect" coords="-50, 1500, 9999, 9999" href="https://kanziw.github.io" />
  </map>
 </div>
 <div class="mImg">
   <img src="img/mImg.png" usemap="#mini" />
   <map name="mini">
    <area shape="rect" coords="-50, 300, 9999, 9999" href="https://kanziw.github.io" />
  </map>
</div>
</body>

저작자표시 비영리 변경금지

'언어별(프로그램별) 유용한 정보 > html' 카테고리의 다른 글

부가세계산하기 (0)	2023.03.12
택배조회 서비스 (0)	2023.02.27
GPS 사용자의 위치 정보 얻기 (0)	2022.10.28
카카오맵 + 로드뷰 (0)	2022.10.28
탭메뉴 (0)	2022.10.25