이미지맵 기능 추가를 건의합니다
-
나무위키의 지리 관련 문서를 보면 대체적으로 지도 사진이 있는데, 이미지맵 기능을 활용하여 지도에서 다른 지역에 해당하는 영역을 클릭하면 해당 지역 문서로 넘어갈 수 있도록 하면 편리하지 않을까 싶네요
-
있으면 편리한 기능으로 보입니다. 적절한 문법의 예시를 제안해주세요.
-
[[파일:지도.png|map(문서명,x좌표1,y좌표1,x좌표1,y좌표2)]]
ex)
- 좌표는 픽셀값으로
- 파일:대한민국 지도.png 는 480*540 짜리 이미지로 가정 (서울의 위치 좌표는 임의 값으로 가정)
입력예시
[[파일:대한민국 지도.png|map(서울특별시,120,300,150,330)]]
[[파일:대한민국 지도.png|map(서울특별시,120,300,150,330)(제주특별자치도,120,500,180,530]]여렵네요...
-
{{{#!imagemap 지도.png|width=25%&height=300 align=left 문서명1|poly x1 y1 x2 y2 x3 y3 ... 문서명2|poly x1, y1, x2, y2, x3, y3, ... 문서명3|poly (x1, y1), (x2, y2), (x3, y3), ... 문서명4|poly (x1 y1) (x2 y2) (x3 y3) ... 문서명5|circle x y 반지름 문서명6|rect x1 y1 x2 y2 문서명7|default }}}
첫 줄에는
!#imagemap
을 쓰고 한 칸 (이상) 띄운 뒤 사진 파일명을 입력합니다.imagemap
이라는 명칭 대신map
이라는 명칭을 채택해도 좋을 듯 합니다.
파일명 뒤에 파이프 문자(|
)를 넣고 매개변수를 입력할 수 있습니다. 매개변수의&
은 띄어쓰기나|
로 대체할 수 있습니다.
파일 첨부 문법에서 대괄호와파일:
접두사를 제거한 내용을 입력한다 생각하면 됩니다.두번째 줄부터는 사진 위 다양한 모양의 링크를 정의하는 곳입니다.
처음에는 링크되는 문서명이나 URL을 입력하고 파이프 문자(|
)를 입력합니다. 보안을 위해 외부 URL은 막거나 마우스를 댈 때 외부 링크임을 알리는 아이콘을 표시하는 것이 좋겠습니다.
파이프 문자(|
) 다음에는 모양을 입력하는데, 모양은default
,circle
,rect
,poly
이렇게 4가지가 있으며, 이는 HTML<area>
태그의shape
속성값을 따릅니다.
모양 다음에는 링크가 뜰 좌표를 입력합니다. 좌표에서 값 사이에는 콤마나 띄어쓰기를 넣습니다. 가독성을 위해 괄호를 사용할 수 있으며, 괄호를 사용할 때 괄호 사이에 콤마를 사용해도 좋고 생략해도 좋습니다. 파싱할 때 괄호를 무시한다고 생각하면 좋을 듯 합니다.{{{#!imagemap 지도.png 문서명0 문서명1|10 20 30 문서명2|10 20 30 40 문서명3|10 20 30 40 50 60 }}}
모양은 생략할 수도 있으며 좌표가 없으면
default
, 좌표가 3개일 때는circle
, 4개일 때는rect
, 6개 이상일 때는poly
로 처리합니다.
default
의 경우 파이프 문자(|
)도 생략할 수 있습니다. -
This post is deleted! -
@gustmd7410 님이 이미지맵 기능 추가를 건의합니다 에서 보낸 메세지:
{{{#!imagemap 지도.png|width=25%&height=300 align=left 문서명1|poly x1 y1 x2 y2 x3 y3 ... 문서명2|poly x1, y1, x2, y2, x3, y3, ... 문서명3|poly (x1, y1) (x2, y2) (x3, y3) ... 문서명4|poly (x1 y1) (x2 y2) (x3 y3) ... 문서명5|circle x y 반지름 문서명6|rect x1 y1 x2 y2 }}}
지도.png
옆의 파이프 문자(|
)와 매개변수는 선택이며 매개변수의&
은 띄어쓰기나|
로 대체할 수 있습니다. 파일 첨부 문법에서 대괄호와파일:
접두사를 제거한 내용을 입력하면 됩니다.좌표에서 콤마가 사용된 경우 띄어쓰기는 없어도 좋습니다.
circle
은 콤마도 허용되며rect
는poly
에서 쓰인 모든 좌표 형식이 허용됩니다.{{{#!imagemap 지도.png 문서명1|10 20 30 문서명2|10 20 30 40 문서명3|10 20 30 40 50 60 }}}
모양은 생략할 수도 있으며 좌표가 3개일 때는
circle
, 4개일 때는rect
, 6개 이상일 때는poly
로 처리합니다.이쪽이 좋을 것 같네요
-
This post is deleted!