모바일웹 이미지맵 사용 소스
<img id="event_img" src="이미지" usemap="#mmap" style="width:100%;">
<map name="mmap">
<area id="ar1" shape="rect" href="링크1" target="_blank">
<area id="ar2" shape="rect" href="링크2" target="_blank">
<area id="ar3" shape="rect" href="링크3" target="_blank">
<area id="ar4" shape="rect" href="링크4" target="_blank">
</map>
<script language="Javascript">
<!--
function imageMap(rimg,rwidth,x1,y1,x2,y2,mapid){
var rxsize = document.getElementById(rimg).width;
var xp1 = rxsize / rwidth * x1;
var yp1 = rxsize / rwidth * y1;
var xp2 = rxsize / rwidth * x2;
var yp2 = rxsize / rwidth * y2;
document.getElementById(mapid).coords = xp1+","+yp1+ ","+xp2+","+yp2;
}
//원래 좌표위치
imageMap('event_img',실제 이미지 너비,747,1450,983,1700,'ar1');
imageMap('event_img',실제 이미지 너비,509,1450,745,1700,'ar2');
imageMap('event_img',실제 이미지 너비,28,1450,267,1700,'ar3');
imageMap('event_img',실제 이미지 너비,270,1450,506,1700,'ar4');
-->
</script>
원래 좌표 위치에서 이미지의 너비의 축소 정도를 파악해서
좌표를 변경해주는 스크립트입니다.
몇군제 찾아봐서 제 입맛에 맞게 띨거 다 띠고 포인트만 남긴겁니다.^^
댓글 3개
아이폰에서는 어떻게 해야죠?
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5930 | 12년 전 | 4639 | ||
| 5929 | 12년 전 | 7838 | ||
| 5928 | 12년 전 | 782 | ||
| 5927 | 12년 전 | 1412 | ||
| 5926 | 12년 전 | 1828 | ||
| 5925 |
김준수사랑
|
12년 전 | 1243 | |
| 5924 |
 darllim |
12년 전 | 2754 | |
| 5923 | 12년 전 | 956 | ||
| 5922 | 13년 전 | 1161 | ||
| 5921 | 13년 전 | 655 | ||
| 5920 | 13년 전 | 1180 | ||
| 5919 |
 슬픈외로움 |
13년 전 | 1372 | |
| 5918 | 13년 전 | 12588 | ||
| 5917 |
프로프리랜서
|
13년 전 | 1098 | |
| 5916 |
프로프리랜서
|
13년 전 | 4621 | |
| 5915 |
프로프리랜서
|
13년 전 | 1600 | |
| 5914 |
프로프리랜서
|
13년 전 | 648 | |
| 5913 |
프로프리랜서
|
13년 전 | 931 | |
| 5912 |
프로프리랜서
|
13년 전 | 3744 | |
| 5911 |
프로프리랜서
|
13년 전 | 922 | |
| 5910 |
 돼지코구뇽 |
13년 전 | 4580 | |
| 5909 |
수야3019
|
13년 전 | 665 | |
| 5908 | 13년 전 | 832 | ||
| 5907 | 13년 전 | 1228 | ||
| 5906 | 13년 전 | 8753 | ||
| 5905 |
프로프리랜서
|
13년 전 | 1469 | |
| 5904 | 13년 전 | 2494 | ||
| 5903 | 13년 전 | 1651 | ||
| 5902 | 13년 전 | 1924 | ||
| 5901 | 13년 전 | 2009 | ||
| 5900 |
프로프리랜서
|
13년 전 | 1085 | |
| 5899 |
프로프리랜서
|
13년 전 | 1276 | |
| 5898 | 13년 전 | 17670 | ||
| 5897 | 13년 전 | 2332 | ||
| 5896 | 13년 전 | 4353 | ||
| 5895 | 13년 전 | 1687 | ||
| 5894 | 13년 전 | 2096 | ||
| 5893 |
프로프리랜서
|
13년 전 | 2155 | |
| 5892 | 13년 전 | 16039 | ||
| 5891 |
bitmaster
|
13년 전 | 1076 | |
| 5890 |
프로프리랜서
|
13년 전 | 943 | |
| 5889 |
 AKASIA |
13년 전 | 722 | |
| 5888 | 13년 전 | 1615 | ||
| 5887 |
 ppogul |
13년 전 | 3197 | |
| 5886 | 13년 전 | 3448 | ||
| 5885 | 13년 전 | 2109 | ||
| 5884 | 13년 전 | 5651 | ||
| 5883 | 13년 전 | 2816 | ||
| 5882 | 13년 전 | 6026 | ||
| 5881 | 13년 전 | 1635 | ||
| 5880 | 13년 전 | 20713 | ||
| 5879 | 13년 전 | 897 | ||
| 5878 |
나의라임토마토
|
13년 전 | 1401 | |
| 5877 | 13년 전 | 16762 | ||
| 5876 |
maniAc
|
13년 전 | 2798 | |
| 5875 | 13년 전 | 1030 | ||
| 5874 | 13년 전 | 3731 | ||
| 5873 |
lainfox
|
13년 전 | 1181 | |
| 5872 | 13년 전 | 1344 | ||
| 5871 | 13년 전 | 793 | ||
| 5870 | 13년 전 | 2528 | ||
| 5869 |
AMDbest
|
13년 전 | 1511 | |
| 5868 |
한번잘해보자
|
13년 전 | 657 | |
| 5867 |
 byfun |
13년 전 | 911 | |
| 5866 | 13년 전 | 7487 | ||
| 5865 | 13년 전 | 2404 | ||
| 5864 | 13년 전 | 933 | ||
| 5863 | 13년 전 | 1308 | ||
| 5862 | 13년 전 | 2875 | ||
| 5861 | 13년 전 | 1026 | ||
| 5860 | 13년 전 | 19329 | ||
| 5859 | 13년 전 | 2936 | ||
| 5858 | 13년 전 | 2651 | ||
| 5857 | 13년 전 | 4822 | ||
| 5856 |
ppogul |
13년 전 | 1946 | |
| 5855 | 13년 전 | 816 | ||
| 5854 | 13년 전 | 1006 | ||
| 5853 | 13년 전 | 16102 | ||
| 5852 | 13년 전 | 823 | ||
| 5851 | 13년 전 | 2222 | ||
| 5850 | 13년 전 | 1772 | ||
| 5849 |
AMDbest
|
13년 전 | 1302 | |
| 5848 |
 직화오리팡야 |
13년 전 | 1161 | |
| 5847 |
SeanLee
|
13년 전 | 1303 | |
| 5846 | 13년 전 | 23463 | ||
| 5845 | 13년 전 | 2648 | ||
| 5844 | 13년 전 | 28801 | ||
| 5843 |
 카카오툴즈 |
13년 전 | 2198 | |
| 5842 | 13년 전 | 22514 | ||
| 5841 | 13년 전 | 5741 | ||
| 5840 |
Quincy
|
13년 전 | 931 | |
| 5839 | 13년 전 | 958 | ||
| 5838 | 13년 전 | 2816 | ||
| 5837 | 13년 전 | 1092 | ||
| 5836 | 13년 전 | 2313 | ||
| 5835 | 13년 전 | 1517 | ||
| 5834 | 13년 전 | 1501 | ||
| 5833 | 13년 전 | 6672 | ||
| 5832 | 13년 전 | 5210 | ||
| 5831 | 13년 전 | 1068 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기