템플릿:주석이 달린 이미지
Template:이 템플릿은 실제 텍스트(링크를 포함할 수도 있음) 형태로 이미지에 설명 노트를 추가할 수 있게 하는데, 일반적으로 이미지에 내장된 텍스트보다 읽기 쉽기 때문에 특히 이미지가 축소된 경우 더욱 그렇다.
다른 용도는 이미지를 변경하지 않고 주석이 변경될 수 있기 때문에 중요하지 않은 부분을 배제하고 아마도 중요한 부분을 확대하기 위한 이미지 자르기 및 국제화를 포함한다.
이 템플릿과 {{notation image 4.}은(는) {{notation}}을(를) 활용하여 Wikitext를 이미지에 중첩시키는 유일한 두 개의 주석 이미지 템플릿이다.
구문
{{알림 이미지 이미지 = 이미지 너비 = 이미지 왼쪽 = 이미지 상단 = 폭 = 높이 = 주석 = {{알림 왼쪽(px) 상단(in px) 텍스트-알라인=왼쪽 글꼴 크기=12 font-weight=볼드 글꼴 패밀리=Times New Roman 배경색=#ffcccee color=blue}} 캡션 = }}
매개변수
모든 매개변수에는 이름이 있으며, 이름 없는 "숫자" 매개변수는 없다.
두 매개변수, 즉 이미지와 이미지 맵은 상호 배타적이다. 즉, 두 매개변수 중 하나를 사용한다.
다음 목록에서 템플릿에 필요한 파라미터는 굵은 글씨로 표시된다.
매개변수 | 허용 값 | 기본값 | 기능 및 참고 사항 |
---|---|---|---|
자막 | 위키텍스트 | 이미지에 수반되는 캡션. | |
알트 | 문자 메시지를 보내다 | 텅 빈 | 이미지에 대한 시력이 손상된 사용자를 위한 Alt 텍스트(WP:ALT 참조). |
어느 쪽이든 이미지 또는 이미지맵 | 유효한 이미지 파일a 이름 유효한 X/HTML 이미지 맵 | 이미지 또는 이미지 맵 중 하나를 지정하십시오. | |
너비 | 양의 정수 | – | 이미지와 주석을 포함하는 상자의 총 너비(픽셀).적어도 이미지의 표시된 너비만큼 커야 한다(이미지 너비를 사용하여 설정할 수 있음). |
높이 | 양의 정수 | – | 이미지와 주석을 포함하는 상자의 총 높이(픽셀).적어도 영상의 표시된 높이만큼 커야 한다.영상 너비를 지정하여 영상의 표시된 너비를 변경하면 영상의 표시된 높이와 주석을 위한 추가 "마진"을 계산해야 한다. |
영상의 왼쪽 | 정수의 | (0) | 이미지 및 주석을 포함하는 상자의 왼쪽 상단 모서리에 상대적인 이미지 왼쪽 상단 모서리의 X 좌표(픽셀).음수 값은 이미지를 자른다. |
이미지톱 | 정수의 | (0) | 이미지와 주석을 포함하는 상자의 왼쪽 상단 모서리에 상대적인 이미지의 왼쪽 상단 모서리의 Y 좌표(픽셀 단위)음수 값은 이미지를 자른다. |
이미지 폭 | 양의 정수 | 원본 이미지의 너비(픽셀).(파일 페이지를 보고 이미지 크기의 두 번째 번호를 사용하십시오.) | |
주석을 달다 | 이미지에 대한 주석.이미지를 자르기 위해 빈 상태로 둘 수 있다(예: 주석= ...). | ||
둥둥 뜨다 |
| 맞다 | 템플리트가 인접한 내용의 오른쪽 또는 왼쪽으로 이동할지 여부를 지정하려면 |
외계의 | 모든 유효한 CSS | – | 맨 바깥쪽 박스에 추가 CSS가 적용됨외부 박스에 대해 지정된 다른 매개변수(즉, "마지막 수단"으로만 가장 잘 사용됨)를 무시하지 않는다. |
영상-bg-color | 유효한 CSS 색상 | 백색의 | 이미지가 표시되는 상자의 배경.예를 들어 비교적 옅은 색상의 주석을 배치한 비교적 어두운 이미지의 어두운 배경. |
image-css | 모든 유효한 CSS | – | 이미지를 운반하는 (내부 상자)에 추가 CSS가 적용됨.이 상자에 대해 지정된 다른 매개 변수(즉, "마지막 수단"으로만 가장 잘 사용됨)를 무시하지 마십시오. |
주석을 달다 |
| 남겨진 | 포함된 모든 주석에 대한 기본 텍스트 정렬을 설정하십시오.주석당 재정의할 수 있음. |
주석을 달다 | 유효한 CSS 색상 | 투명하다 | 포함된 모든 주석에 대한 기본 배경색을 설정하십시오.주석당 재정의할 수 있음. |
주석을 달다 | 유효한 CSS 글꼴 패밀리 | – | 포함된 모든 주석에 대한 기본 글꼴 패밀리를 설정하십시오.주석당 재정의할 수 있음. |
주석으로 된 크기의 | 양의 정수 | – | 포함된 모든 주석에 대한 기본 글꼴 크기(픽셀)를 설정하십시오.주석당 재정의할 수 있음. |
주석을 달다 | 유효한 CSS 글꼴-가중치 | – | 포함된 모든 주석에 대한 기본 글꼴 가중치를 설정하십시오.주석당 재정의할 수 있음. |
주석을 달다 | 유효한 CSS 글꼴 스타일 | – | 포함된 모든 주석에 대해 기본 글꼴 유형(예: "이탈릭")을 설정하십시오.주석당 재정의할 수 있음. |
주석을 달다 | 모든 유효한 CSS 라인 높이 | – | 포함된 모든 주석에 대한 기본 선 높이(선 간격)를 설정하십시오.주석당 재정의할 수 있음. |
주석을 달다 | 유효한 CSS 색상 | – | 포함된 모든 주석에 대한 기본 색상을 설정하십시오.주석당 재정의할 수 있음. |
국제화
이 템플릿은 국제화를 용이하게 한다; 텍스트는 이미 이미 이미지와 분리되어 있기 때문에 텍스트 번역이 용이하고, 필요하다면 텍스트 조각을 이동시키기도 한다. 다른 언어로 된 동일한 텍스트의 길이는 많이 다를 수 있기 때문이다.예를 들어, nl:Sjabloon:Zijbalk mariene defurdies, 네덜란드 버전의 템플릿:주석 처리된 영상/멸종(Exception)이 널리 사용된다.
함정
주로 하나의 브라우저를 올바른 방법으로 사용하는 것에 관한 것이지만(물론 Microsoft Internet Explorer, 물론) 하나의 함정이 있다.Internet Explorer(인터넷 익스플로러)는 읽기 쉽도록 텍스트를 확장하는 두 가지 방법을 가지고 있다.
- Internet Explorer의 보기 메뉴에 나타나는 텍스트 크기 조정은 텍스트에는 영향을 미치지만 이미지는 영향을 미치지 않는다.이 방법은 텍스트는 스케일업되지만 이미지 내용과 프레임은 스케일업되지 않기 때문에 주석이 달린 이미지를 교란시킬 수 있다.Firefox와 Opera는 이 메커니즘을 사용하지 않는다.
- 줌은 또한 텍스트 주석뿐만 아니라 영상의 축척도 조정하므로 주석이 달린 영상에서 주석의 상대적 크기와 위치에 지장을 주지 않는다.넷스케이프와 모질라 파생상품인 파이어폭스와 오페라는 수년간 줌 기능을 해왔으며, 위키피디아 로고와 같이 이미지의 일부로 구현된 텍스트도 스케일링하기 때문에 더욱 유용하다.줌 제어 시퀀스(증가하려면 CTRL +, 증가하려면 CTRL - 감소)는 Firefox, Opera 및 Internet Explorer에서 동일하다.Firefox와 Opera에는 제어 시퀀스를 보여주는 줌 메뉴 항목도 있다.Internet Explorer 7에서는 텍스트 크기 조정만 메뉴에 나타난다. 줌을 배우려면 사용자는 외부 소스를 검색해야 한다.
예
설명 노트 추가
템플릿 참조:주석이 달린 이미지/doc/샘플.
크롭
당신은 공유지와 같은 이미지를 가지고 있다.파일:모나리자 색상 복원2.jpg.하지만 당신은 이미지의 일부분만 보여주길 원한다. 코와 입의 일부분이라고 말한다.
다음 코드로 할 수 있다.
{{알림이 없는 이미지=모나리자 컬러 복원2.jpg 이미지 너비=2000 <!-- 원하는 대로 아무 너비나 선택한다.이미지-> 이미지-> 이미지-왼쪽 = -850 <!--- 왼쪽 부분을 자른다."- - 빼기 기호 --> 이미지 상단 = -800 <!--- 윗부분을 자르십시오."- - 빼기 기호 --> 너비 = 250 <!--- 오른쪽 부분을 자르십시오.저것이 기사의 이미지 폭일 것이다--> 높이 = 250 <!-- 아래 부분을 잘라라.그것이 기사의 이미지 높이일 것이다 --> float = 왼쪽 주석 = <!-- 비어있든 아니든, 이 파라미터는 반드시 포함되어야 한다 --> 캡션 = 2000 픽셀 이미지에서 잘라낸 모나리자 }}
결과는 2000픽셀 폭 이미지에서 250픽셀 x 250픽셀 면적이다(이미지의 사실 폭은 중요하지 않다).2000-이미지 왼쪽의 위쪽 800픽셀과 850픽셀은 "폐기"되고 오른쪽은 250픽셀 이후, 아래쪽은 250픽셀 이후 "휴지"가 된다.
하위 페이지(이 템플릿 기반 템플릿)
이 목록은 자동으로 생성되고 업데이트된다.리디렉션은 기울임꼴로 표시된다.
- 주석이 달린 이미지/아스트로포드 헤드 문제
- 주석이 달린 이미지/아스스로포드 머리 문제/doc
- 주석이 달린 영상/멸종
- 주석이 달린 이미지/멸종/doc
- 주석이 달린 이미지/히마찰 프라데시
- 주석이 달린 이미지/포리페라 셀 유형
- 주석이 달린 이미지/포리페라 셀 유형/doc
- Trex 오른쪽 다리의 주석 처리된 영상/골격 해부학
- Trex 오른쪽 다리/doc의 주석 처리된 이미지/골격 해부학
- 주석이 달린 이미지/스네일 라둘라 작동
- 주석이 달린 이미지/Snail radula working/doc
- 주석이 달린 이미지/트로코포레 애벌레
- 주석이 달린 이미지/트로코포레 애벌레/doc
- 주석이 달린 이미지/doc
- 주석이 달린 이미지/doc/샘플
- 주석이 달린 이미지/샌드박스
- 주석이 달린 이미지/테스트 케이스
참고 항목
- {{알림}}, 주석 작성용.
- 일반 캡션 배경색으로 왼쪽/오른쪽/중앙 정렬 영상에 주석을 달기 위한 {{Notted image 4.}
- 이 템플릿의 대안인 {{Image label}}.
- 이미지에 레이블을 지정하는 {{Overlay}}}은(는) 원하는 경우 하위 레그로 칼럼 밸런스 범례를 자동으로 구성하며, 레이블의 팝업 팁을 별도로 제어할 수 있으며, 레이블 위치에 대한 좌표를 결정하는 데 도움이 된다.
- {{위치 지도+}}, "핀" 스타일의 위치 아이콘이 표시된 지도용.
- {{수퍼임포즈}}}이미지를 중첩한다.
- ImageMap(MediaWiki 확장) - 이미지 영역에 링크 추가