map 태그 & area 태그 의 모바일 호환성

map 태그 & area 태그 의 모바일 호환성

QA

SIR 제작의뢰 - 견적무료/익명보정/호스팅, DB 이전/단기개발. 이젠 ' 의뢰인'이 원하는 '제작자'에게만 연락처를 알릴 수 있습니다.

map 태그 & area 태그 의 모바일 호환성

본문

아래와 같이 이미지에 map 링크를 걸었습니다.

<img src="이미지" alt="icon"width="100%" height="100%" usemap="#link" alt="">
            <map name="link">
  
<area shape="rect" coords="304, 47, 492, 129" href=" 링크1" target="_blank">
<area shape="rect" coords="301, 190, 520, 269" href="링크2" target="_blank">
<area shape="rect" coords="16, 196, 166, 269" href="링크3">
<area shape="rect" coords="14, 49, 230, 152" href="링크4">
  </map>


그런데 문제는 테스크 탑 익스플로어에서는 링크가 잘 걸리는데
모바일에서는 좌표값이 틀려 링크가 엉뚱하게 걸리던지 걸리던지 걸리지도 않던지 하는데
이때는 어떻게 해야하는지 고수님들의 고견을 듣고 싶습니다.
 
이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기 이 글을 내 구글플러스 계정으로 보내기

이 질문에 댓글 쓰기 :

답변 1

채택됨

작은별님의 답변

이런 거 적용해보세요.

http://gnustudy.com/bbs/board.php?bo_table=sitelink&wr_id=35

전 주로 Image Map Resize를 사용합니다.

 

Image Map Resize
https://github.com/davidjbradshaw/image-map-resizer

 

jQuery RWD Image Maps
https://github.com/stowball/jQuery-rwdImageMaps

주소복사
채택됨
답변의 댓글
시와별님의 댓글
성공했습니다.
아이구~ 정말 감사합니다. 작은별님!!!!
Image Map Resize 로 성공했답니다.
로그인하고 소스 다운받아서,,,적용시켰더니 됩니다.
좋은 봄날에 좋은 일 가득하시기를 빕니다.
답변을 작성하시기 전에 로그인 해주세요.
전체 78,489 | RSS
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT