그림내에서 일부부위만 링크 걸기 정보
그림내에서 일부부위만 링크 걸기본문
http://ikokos.co.kr/v5/board/board_view.jsp?bseq=157&seq=4323&nflag=N&curpage=1&item=&nation=ALL
위홈페이지를 가면
게시물이 그림파일로 구성되어져 있는데요.
그런데 게시물내에 참가신청하기라는 버튼만 따로 링크가 걸려 있네요
이 기능은 어떻게 구현하나요?
즉 사진내에서 어떻게 특정부위만 링크를 걸어줄수 있나요?
저는 게시물 내에서 저거 구현하려니까 전체 그림 파일이 다 링크가 걸리네요..ㅠㅠ
위홈페이지를 가면
게시물이 그림파일로 구성되어져 있는데요.
그런데 게시물내에 참가신청하기라는 버튼만 따로 링크가 걸려 있네요
이 기능은 어떻게 구현하나요?
즉 사진내에서 어떻게 특정부위만 링크를 걸어줄수 있나요?
저는 게시물 내에서 저거 구현하려니까 전체 그림 파일이 다 링크가 걸리네요..ㅠㅠ
댓글 전체
이미지맵으로 하시면 돼요.
드림위버의 이미지맵을 쓰시면 되는데, 링크를 이미지로 하는거는 W3에서 권장하지 않고 (웹표준) 좋은 방법이 아닙니다. 옛날에 (10년전쯤) 하던 방식 입니다.
<img src="/이미지.gif" width="800" height="1000" border="0" usemap="#Map1">
윗쪽 태그에 이미지의 특정 부위에 링크를 걸려면 아래처럼 적용하면 됩니다.
"500,10,520,50", "600,10,100" 아래 좌표를 수정해보세요.
<map name="Map1" id="Map1">
<area shape="rect" coords="500,10,520,50" onfocus=this.blur() href="http://www.aaa.co.kr/aaa.php">
<area shape="circ" coords="600,10,100" onfocus=this.blur() href="http://www.aaa.co.kr/aaa.php">
</map>
윗쪽 태그에 이미지의 특정 부위에 링크를 걸려면 아래처럼 적용하면 됩니다.
"500,10,520,50", "600,10,100" 아래 좌표를 수정해보세요.
<map name="Map1" id="Map1">
<area shape="rect" coords="500,10,520,50" onfocus=this.blur() href="http://www.aaa.co.kr/aaa.php">
<area shape="circ" coords="600,10,100" onfocus=this.blur() href="http://www.aaa.co.kr/aaa.php">
</map>
감사합니다!