html 이미지맵 관련 질문이요! 내공100

비공개 조회수 222 2020.08.06

안녕하세요

html에 기초도 없이 구글링 복붙만 할 줄아는 사람입니다..

이미지맵이 모바일 상에서 적용이 안되는 바람에

검색을 하다가 모바일에서도 적용가능한 코드가 있다고 해서 쓰고 있는데요

링크걸어둔 영역이 어딘가에 존재하지만

(Tap키 눌러서 엔터 누르면 새로운 창에 해당 링크가 열리긴 합니다)

이미지에 마우스를 가져다 놓아도 보이질 않아 질문드립니다

사진 크기는 1170*659 이구요

</map>

<!--

function imageMap(rimg,rwidth,x1,y1,x2,y2,mapid){

var rxsize = document.getElementById(rimg).width;

var xp1 = rxsize / rwidth * x1;

var yp1 = rxsize / rwidth * y1;

var xp2 = rxsize / rwidth * x2;

var yp2 = rxsize / rwidth * y2;

document.getElementById(mapid).coords = xp1+","+yp1+ ","+xp2+","+yp2;

}

imageMap('event_img',1170,1,3,585,220,'ar1');

imageMap('event_img',1170,585,1,1170,220,'ar2');

imageMap('event_img',1170,1,220,585,440,'ar3');

imageMap('event_img',1170,585,220,1170,440,'ar4');

imageMap('event_img',1170,1,440,390,659,'ar5');

imageMap('event_img',1170,390,440,780,659,'ar6');

imageMap('event_img',1170,780,440,1170,659,'ar7');

-->

</script>

어디가 잘못되어서 어떻게 수정해야

좌표상에 하이퍼링크가 생길지 궁금합니다

원본 코드는

https://sir.kr/bbs/board.php?bo_table=pg_tip&wr_id=12674

이곳에서 가져왔습니다

답변자님,

정보를 공유해 주세요.

1 개 답변

벌노 여환상

은하신

40대 이상 남성 서비스업 윈도우, 웹사이트 제작, 운영 41위 분야에서 활동

$(function(e){

$('img[usemap]').rwdImageMaps();

});

</script>

아래 첨부한 js 파일을 같은위치에 넣고

위 스크립트 소스를 맨위 넣어주시면 모바일에서도 잘 됩니다

jquery.rwdImageMaps.js

내PC 저장 MYBOX 저장

2020.08.07.

채택
질문자가 채택한 답변입니다.

이 답변의 추가 Q&A

질문자와 답변자가 추가로 묻고 답하며 지식을 공유할 수 있습니다.

벌노 여환상님의 엑스퍼트 상품

답변자에게 더 자세한 맞춤 상담하고 싶다면 엑스퍼트를 이용해보세요!

바로가기

여권사진 규격 맞춰드립니다

판매가2,000원 3회

증명사진 정장 합성 해 드립니다

판매가2,000원 3회

도움이 되었다면 UP 눌러주세요!
UP이 많은 답변일수록 사용자들에게 더 많이 노출됩니다.

공식블로그 바로가기

NAVER

지식iN

검색영역

메인 메뉴