묻고답하기
이미지맵 스마트폰에서만 다른페이지 링크가 되네요...
2017.12.18 14:56
<img src="images/main_middle_rltjd.jpg" width="930" height="1127" border="0" usemap="#Map1" longdesc="http://www.mirabo.kr/images/main_middle_rltjd.jpg" />
<map name="Map1" id="Map1">
<area shape="rect" coords="80,65,177,141" href="http://www.mirabo.kr/bed" target="_blank" />
<area shape="rect" coords="188,66,285,143" href="http://www.mirabo.kr/board_SDSP87" target="_blank" />
<area shape="rect" coords="294,67,398,145" href="http://www.mirabo.kr/board_SDSP87" target="_blank" />
<area shape="rect" coords="411,69,527,146" href="http://www.mirabo.kr/biblioteca" target="_blank" />
<area shape="rect" coords="537,69,634,148" href="http://www.mirabo.kr/biblioteca" target="_blank" />
<area shape="rect" coords="651,70,754,150" href="http://www.mirabo.kr/Kitchen_Furniture" target="_blank" />
<area shape="rect" coords="759,72,858,150" href="http://www.mirabo.kr/interior_piece" target="_blank" />
<area shape="rect" coords="1,165,461,458" href="http://www.mirabo.kr/bed" target="_blank" />
<area shape="rect" coords="466,165,928,314" href="http://www.mirabo.kr/board_SDSP87" target="_blank" />
<area shape="rect" coords="467,321,928,460" href="http://www.mirabo.kr/Kitchen_Furniture" target="_blank" />
<area shape="rect" coords="3,467,461,629" href="http://www.mirabo.kr/biblioteca" target="_blank" />
<area shape="rect" coords="3,638,461,800" href="http://www.mirabo.kr/office_furniture" target="_blank" />
<area shape="rect" coords="467,468,932,800" href="http://www.mirabo.kr/oup_purchase" target="_blank" />
<area shape="rect" coords="4,810,461,1100" href="http://www.mirabo.kr/interior_piece" target="_blank" />
<area shape="rect" coords="465,809,926,1101" href="http://www.mirabo.kr/chair" target="_blank" />
</map>
컴퓨터나 테블릿에는 링크클릭도 잘되는데 스마트폰에서만 위 이미지처럼 노란박스가 생기면서 다른 페이지로 클릭이 되네요...
제발 도와주세요...ㅠㅜ
mapping 은 좌표 개념이라고 보면 됩니다. 화면 해상도랑 직결되죠
모바일이 되면 해상도가 작아지고, 이미지 자체도 전체적으로 작아지죠
그러면 당연히 mapping 자체도 전부 작아진 이미지에 맞게 새로 해주셔야합니다
( 그런데 모바일특성상 모바일 크기에 따라 이미지 크기가 계속 변할테니 mapping 을 하려면 해상도마다 다 따로 해야해요 )
결국 그냥 이미지를 잘라서 링크를 거는게 더 좋을듯 보이네요