이미지맵 질문

이미지맵 질문

QA

이미지맵 질문

본문

<div class="separator" style="clear: center:">
  <img alt="" border="0" data-original-height="1920" data-original-width="960" src="https://1.bp.blogspot.com/-D8e6CZ-Awa4/YDTv4CJcLqI/AAAAAAAAJrQ/nsxbmVYSz_8-zalQ-gqSei33-Xvu9uQAQCLcBGAsYHQ/s0/%25EB%258F%2599%25EC%259B%2590.gif" usemap="#Map" /></div>
  <map id="Map" name="Map">
    <area coords="39,1892,281,1652" href="https://docs.google.com/forms/d/e/1FAIpQLSdqcCHJ3VPmZocvRXiVK2Cm44AlxBYddD8apzr7WX1QE9ml0A/viewform" shape="rect" target="_blank">
      <area coords="356,1652,600,1892" href="tel:050713399106" shape="rect" target="_blank">
    <area coords="680,1653,925,1894" href="blog.naver.com/PostList.nhn?blogId=worldvisionlogis&amp;categoryNo=7&amp;parentCategoryNo=7&amp;skinType=&amp;skinId=&amp;from=menu" shape="rect" target="_blank">
  </map>

 

이미지맵을 만들었는데 PC에서는 클릭 자체가 되질 않고 모바일에서는 작동하는데 코드 좀 봐주세요ㅜㅜ

이 질문에 댓글 쓰기 :

답변 1

pc에서는 좌표가 좀 아래쪽에 잡혀있는듯 하네요. 그리고 이미지맵의 경우 사이즈가 달라지면 좌표가 달라져서 pc랑 mobile 같이 못써요. pc기준으로 좌표잡고 아래 플러그인을 적용해보세요.

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

 

답변을 작성하시기 전에 로그인 해주세요.
전체 20
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT