이미지맵 좌표값 생성툴 happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > JAVASCRIPT > javascript 소스창고 > 이미지관련 > 이미지맵 좌표값 생성툴 상세정보

클라우드태그

Javascript

PHP

ASP

CSS

html

mysql

jquery

image

API

Mobile

메뉴

slide

게시판

현재접속자 명

이미지맵 좌표값 생성툴

해피팀

네티즌

소스분류

이미지관련

다운로드 횟수

1265 회

간단설명

이미지URL을 입력후 원하는 이미지맵 영역에 마우스클릭만 하시면 좌표값을 알아볼 수 있는 심플한 소스입니다.

평가하기

위 검색항목에 "이미지맵" 을 적용하려 하는 "이미지 경로" 를 작성해주세요.

URL 정보가 기입되어 이미지가 화면에 출력된다면 적용하고 싶은 이미지맵의 시작점과, 끝점을
찍어 좌표값을 알아 볼 수 있습니다.

시작점을 찍었다면 끝점은 해당위치에서 대각선 반대방향으로 찍어주시면 이미지맵의
좌표값이 완성되겠습니다.

이제 해당 이미지를 "드림위버나 나모" 와 같은 프로그램 없이도 쉽게 좌표값을 받아
HTML 파일에 적용하실수 있도록 적용할 수 있습니다.

드림위버나 나모에서 적용되는 이미지맵 영역은

위 이미지처럼 적용되며, 위 소스를 이용해 시작점과 끝점만 입력하여 같은 이미지맵 정보를 아래와같이 입력하여 HTML 상에 바로 적용할 수 있습니다.

예)

<img src="http://www.cgimall.co.kr/img/main_bottom_layer_02.gif" width="497" height="250" border="0" usemap="#Map" />

<map name="Map" id="Map">
<area shape="rect" coords="309,105,477,238" href="#" />
</map>