부분영역에 링크걸기~

이미지같은걸 작업하다보면.. 이미지를 자르기 좀 애매한부분들도 있고..

가끔 구지 자르기 귀찮을때도 있고..^^;

 

통이미지의 부분 부분을영역으로 지정해서 링크하는 방법입니다.

 

<img usemap="#map1" src="imgTest.gif" border=0>

 

<map name="map1">

<area href="gogo1.htm" shape="rect" coords="5, 3, 20, 70" onfocus="this.blur()">

<area href="gogo2.htm" shape="rect" coords="50, 100, 120, 120" onfocus="this.blur()">

</map>

 

사용할 이미지의맵의 이름 "#map1"로 표기하고..

아랫줄에 map1 에 대한 정의들이 나옵니다.

맵에 대한 내용은 아래에 있어도 되고.. 위쪽에 있어도 상관없습니다.

coords="5, 3, 20, 70" 이 부분만 잘 활용하면 됩니다.

영역을 표시해주는데요..

5는 좌측시작 좌표점, 3은 상단시작 좌표점, 20은 우측끝 좌표점, 70은 하단끝 좌표점..

그럼.. 유용하게..^_^