[활용팁] HTML 이미지 맵을 이용한 링크 걸기..

javascript [활용팁] HTML 이미지 맵을 이용한 링크 걸기.. 오늘은 이미지 맵을 이용하여 링크를 걸어야 하는 일이 생겨서 옛 기억을 더듬으며 처리 했다..

근데, 위치값을 찾는게 가장 불편한 내용이다. 옛날에는 나모웹에디터라는 프로그램으로 마우스 클릭으로 했었는데.....

그래서 이미지 좌표 위치 찾는 자바스크립트를 만들어 봤다... 일단 이미지 맵 사용 방법을 설명하자면... img 태그를 이용하여 이미지를 등록하고 usemap 이란 속성을 등록해주면 기본 작업은 마무리 된다.

해당 이미지의 영역을 지정하여 링크주소를 입력해 주면 되는데... 입력방법은. shape 속성으로 사각형(rect), 원형(circle), 자유형(poly) 구분을 지정해 주고 coords 속성으로 포인트 값을 지정해 주면 된다. shape 속성 coords 속성 입력형식 예제 rect(사각형) x1, ...