이미지에 링크를 걸고 싶습니다.
본문
아직도 드림위버를 쓰고 있는 초보입니다.
예전에는 아무것도 아니었던게 지금은 부담으로 다가옵니다.
아래이미지중 특정부분을 영역으로 설정하여 링크를 걸고 싶습니다.
비교적 간단할것 같아 제잗의로는 맞지 않다고 판단하여 질문 남겨봅니다.
https://woosungent.com/product07.php
감사합니다.
답변 3
usemap을 쓰면됩니다. 반응형이라서 그냥 만드시면 모바일에서 영역이 깨질테니 아래 자바스크립트도 같이 적용해보세요.
https://github.com/stowball/jQuery-rwdImageMaps
usemap 영역만들기는 아래 사이트에서..
이미지맵을 사용하시면 될듯 합니다.
<img src="이미지경로" usemap="#이미지맵 사용명칭">
<map name="이미지맵 사용명칭">
<area shape="rect" coords="좌표" href="링크주소" target="_blank">
</map>
이미지쪽에 맵을 생성해서 만드시면 되는데
코딩을 잘 모르시는거 같아서 안내드립니다.
imapic2 툴이 있는데 이 툴을 활용하시면 간단하게 적용하실수 있습니다.
사용법과 다운로드는 안래쪽 안내드리오니 확인해보시고 응용해보시기 바랍니다.
https://blog.naver.com/ss_30/221638544964
잘 활용하셔서 도움이 되었으면 합니다.
답변을 작성하시기 전에 로그인 해주세요.