이미지맵 기능 추가를 건의합니다
-
나무위키의 지리 관련 문서를 보면 대체적으로 지도 사진이 있는데, 이미지맵 기능을 활용하여 지도에서 다른 지역에 해당하는 영역을 클릭하면 해당 지역 문서로 넘어갈 수 있도록 하면 편리하지 않을까 싶네요
-
있으면 편리한 기능으로 보입니다. 적절한 문법의 예시를 제안해주세요.
-
[[파일:지도.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!
