테스트 사이트 - 개발 중인 베타 버전입니다

그림내에서 일부부위만 링크 걸기

· 13년 전 · 2498 · 4
http://ikokos.co.kr/v5/board/board_view.jsp?bseq=157&seq=4323&nflag=N&curpage=1&item=&nation=ALL

위홈페이지를 가면
게시물이 그림파일로 구성되어져 있는데요.
그런데 게시물내에 참가신청하기라는 버튼만 따로 링크가 걸려 있네요

이 기능은 어떻게 구현하나요?

즉 사진내에서 어떻게 특정부위만 링크를 걸어줄수 있나요?

저는 게시물 내에서 저거 구현하려니까 전체 그림 파일이 다 링크가 걸리네요..ㅠㅠ

댓글 작성

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

로그인하기

댓글 4개

이미지맵으로 하시면 돼요.
드림위버의 이미지맵을 쓰시면 되는데, 링크를 이미지로 하는거는 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>
13년 전
감사합니다!

게시글 목록

번호 제목
284508
284499
284492
284490
284484
284481
284478
284476
284474
284472
284470
284458
284457
284454
284453
284447
284446
284444
284441
284440