하이퍼링크 위치 상대적으로 변경시키는 법 채택완료
하호헤하
1년 전
조회 2,452
아래 1번에 네이버링크 2번에 다음 링크 3번에 sir 링크를 걸었는데 이미지가 width 100%로 변하면서 고정된 하이퍼링크 위치도 상대적으로 변하게 코드를 짰는데 작동을 안 하네요 ㅠㅠ
제 코드를 어떻게 수정하면 좋을지 도움을 좀 주실 수 있으실까요?
http://sir.kr/data/editor/2410/3067132580_1729398952.1416.jpg" usemap="#image-map" width="100%" />
</p>
<p><script src="<a href="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>" target="_blank" rel="noopener noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script></a>
<script src="<a href="https://cdnjs.cloudflare.com/ajax/libs/jQuery-rwdImageMaps/1.6/jquery.rwdImageMaps.min.js"></script>" target="_blank" rel="noopener noreferrer">https://cdnjs.cloudflare.com/ajax/libs/jQuery-rwdImageMaps/1.6/jquery.rwdImageMaps.min.js"></script></a></p>
<p> </p>
<p><p>
<img height="auto" src="<a href="https://sir.kr/data/tmp/3067132580_1729398952.1416.jpg"" target="_blank" rel="noopener noreferrer">https://sir.kr/data/tmp/3067132580_1729398952.1416.jpg"</a> width="100%" usemap="#image-map" />
</p></p>
<p> </p>
<p><map name="image-map">
<area target="" alt="" title="" href="<a href="https://www.naver.com"" target="_blank" rel="noopener noreferrer">https://www.naver.com"</a> coords="162,327,2640,947" shape="rect">
<area target="" alt="" title="" href="<a href="https://www.daum.net/"" target="_blank" rel="noopener noreferrer">https://www.daum.net/"</a> coords="167,1336,2636,1949" shape="rect">
<area target="" alt="" title="" href="<a href="https://sir.kr/"" target="_blank" rel="noopener noreferrer">https://sir.kr/"</a> coords="164,2501,2636,3109" shape="rect">
</map></p>
<p> </p>
<p><script type="text/javascript">
$(document).ready(function() {
$('img[usemap]').rwdImageMaps();
});
</script></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
1년 전
이미지를 받아서 확인해 보니 이미지맵 좌표가 잘 못 되어 있습니다.
좌표 다시 잡은 코드입니다.
</p>
<p><map name="image-map">
<area target="_blank" alt="" title="" href="<a href="https://www.naver.com"" target="_blank" rel="noopener noreferrer">https://www.naver.com"</a> coords="94,541,1498,192" shape="rect">
<area target="_blank" alt="" title="" href="<a href="https://www.daum.net/"" target="_blank" rel="noopener noreferrer">https://www.daum.net/"</a> coords="99,766,1506,1118" shape="rect">
<area target="_blank" alt="" title="" href="<a href="https://sir.kr/"" target="_blank" rel="noopener noreferrer">https://sir.kr/"</a> coords="95,1431,1502,1785" shape="rect">
</map></p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
하호헤하
1년 전
감사해요
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인