탐구하는 취르미

반응형으로 이미지맵을 생성하는 방법을 공유하겠습니다. 적응형 이미지맵 처리적응형으로 이미지맵을 생성하는 방법은 이전 포스팅 참고하시면 되겠습니다. [HTML] Image Map, 이미지맵으로 이미지에 링크 거는 방법이미지맵(Image Map)으로 이미지에 링크를 거는 방법에 대해서 알아봅시다. 요즘에는 잘 쓰이지 않는 방법이긴 하지만 디엠(Direct Mail)/뉴스레터(News Letter) 등을 제작할 때 알아두면 꽤 유용합니다. dev-chim.tistory.com 반응형으로 이미지맵을 처리해 주는 깃헙 사이트 - jQuery-rwdImageMaps 아래 링크를 참조하셔서 소스 코드를 다운로드하시길 바랍니다. GitHub - stowball/jQuery-rwdImageMaps: Responsive ..

이미지맵(Image Map)으로 이미지에 링크를 거는 방법에 대해서 알아봅시다. 요즘에는 잘 쓰이지 않는 방법이긴 하지만 디엠(Direct Mail)/뉴스레터(News Letter) 등을 제작할 때 알아두면 꽤 유용합니다. 기본적인 사용 방법usemap 값과 map name의 값을 매칭시켜 주는 것이 중요하다. 도형의 유형으로는 rect(직사각형), circle(원형), poly(다각형), default(전체 영역)이 있다. 유형에 따라 사용 방법이 조금씩 다르니 아래의 글을 참조하도록 하자. 1. rect(직사각형) 2. circle(원형) 3. poly(다각형)coords : 좌표값의 시작점을 기준으로 시계방향으로 좌표값을 설정해 주면 된다. 한 이미지에 여러 개의 링크 거는 방법map 태그 안에 여..