image map / 팝업 창이나 그림에 클릭 시 경로 설정할 때 유용한 이미지 맵

ㅡㅡㅡㅡㅡㅡ중략 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

</head>

<style type="text/css">

*{margin:0 auto;}

#imgmap{margin:0 auto; width:646px;}

</style>

<div id = "imgmap">

<img src="imgmap.gif" alt="imgmap.gif" usemap="#001" border="0">

<map name="Map" id="Map">

 <area shape="rect" coords="X1, Y1, X2, Y2" href="/클릭시 보낼 경로" >

</map>

</div>

</body>

</html>

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

클릭 범위 지정 시 X1, Y1 위치의 점부터  X2, Y2 의 지점까지 

선택한 shape 모양( rect(사각형), circle(원형), poly(다각형) )으로 범위가 설정됨