이미지에 링크를 걸고 싶습니다. 채택완료

2년 전 조회 2,077

아직도 드림위버를 쓰고 있는 초보입니다.

예전에는 아무것도 아니었던게 지금은 부담으로 다가옵니다.

아래이미지중 특정부분을 영역으로 설정하여 링크를 걸고 싶습니다.

비교적 간단할것 같아 제잗의로는 맞지 않다고 판단하여 질문 남겨봅니다.

https://woosungent.com/product07.php

감사합니다.

답변 3개

채택된 답변
+20 포인트

usemap을 쓰면됩니다. 반응형이라서 그냥 만드시면 모바일에서 영역이 깨질테니 아래 자바스크립트도 같이 적용해보세요.

https://github.com/stowball/jQuery-rwdImageMaps

 

usemap 영역만들기는 아래 사이트에서..

http://maschek.hu/imagemap/imgmap/

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

이미지쪽에 맵을 생성해서 만드시면 되는데

코딩을 잘 모르시는거 같아서 안내드립니다. 

 

imapic2 툴이 있는데 이 툴을 활용하시면 간단하게 적용하실수 있습니다.

사용법과 다운로드는 안래쪽 안내드리오니 확인해보시고 응용해보시기 바랍니다.

 

https://blog.naver.com/ss_30/221638544964

 

잘 활용하셔서 도움이 되었으면 합니다.

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

이미지맵을 사용하시면 될듯 합니다.

<img src="이미지경로" usemap="#이미지맵 사용명칭">
<map name="이미지맵 사용명칭">
    <area shape="rect" coords="좌표" href="링크주소" target="_blank">
</map>

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고