위키책

틀:여러그림/설명문서

< 틀:여러그림

여러 그림을 하나의 사각형 테두리 안에 수직이나 수평으로 넣을 수 있도록 하는 틀입니다. 최대 10개까지 그림을 넣을 수 있으며, 각각의 그림이나 그림 전체에 대한 그림 설명을 적을 수 있습니다.

사용법

+/-
영어판과 항목 비교
영어항목 한글항목 변수 변수 설명
align 정렬 right 오른쪽
header_align 머리말 정렬 center 가운데
footer_align 꼬리말 정렬 left 왼쪽
caption_align 설명 정렬 none 없음
image (n) 그림 (n)
width (n) 너비 (n) 또는 크기 (n)
total_width (n) 전체 너비 (n)
height (n) 높이 (n)
border (n) 테두리 (n)
image_style (n) 그림 모양 (n)
alt (n) 대체설명 (n)[1]
caption (n) 설명 (n)
link (n) 링크 (n)[2]
header 머리말
header_background 머리말 배경색
footer 꼬리말
footer_background 꼬리말 배경색
background color 배경색
image_gap
  1. ↑ 일반적으로는 보이지 않는 설명입니다. 그림이 로딩이 덜 되거나, 그림을 볼 수 없는 사람을 위해 만든 대체 테스트입니다. 접근성을 위해서 넣어주시길 바라겠습니다.
  2. ↑ 그림 링크를 따로 지정하지 않으면, 그림 설명문으로 연결됩니다. 그림이 GFDL 이나 CC 같은 자유 허가 조건이라면 이 변수를 쓰지 말고 다른 적절한 연결 링크를 씁니다. 퍼블릭 도메인과 공정 이용 그림 등은 관계없습니다. 
{{여러그림
<!-- 필수 항목 -->
| 정렬 = <!-- left/right/center/none -->
| 방향 = <!-- horizontal/vertical -->
| 크기 = <!-- 숫자 -->

<!-- 그림 1 -->
| 그림1 = <!-- 파일이름 -->
| 크기1 = 
| alt1 = 
| 설명1 = 

<!-- 그림 2 -->
| 그림2 = <!-- 파일이름 -->
| 크기2 = 
| alt2 = 
| 설명2 = 

<!-- 그림 3 -->
| 그림3 = <!-- 파일이름 -->
| 크기3 = 
| alt3 = 
| 설명3 =

<!-- 그림은 10장 까지 됩니다. -->

<!-- 기타 항목 -->
| 머리말 = 
| 머리말 정렬 = <!-- left/right/center -->
| 머리말 배경색 = 
| 꼬리말 = 
| 꼬리말 정렬 = <!-- left/right/center -->
| 꼬리말 배경색 = 
| 배경색 = 
}}

예제

+/-
노란 카드투시
빨간 카드투시
경기 중 노란 카드는 경고, 빨간 카드는 퇴장
{{여러그림
| 꼬리말 = 경기 중 노란 카드는 경고, 빨간 카드는 퇴장
| 크기 = 60

| 그림1 = Yellow card.svg
| 대체설명1 = 노란 카르투시

| 그림2 = Red card.svg
| 대체설명2 = 빨간 카르투시
}}


PNG 투명 예시
하얀 배경에 색 주사위
8 비트 투명 층을 가진 PNG 그림...
체크무늬 배경에 색 주사위
...체크무늬에 겹침
{{여러그림
| 정렬 = left
| 방향 = vertical
| 머리말 = [[PNG]] 투명 예시
| 크기 = 200

| 그림1 = PNG transparency demonstration 1.png
| alt1 = 하얀 배경에 색 주사위
| 설명1 = 8 비트 투명 층을 가진 PNG 그림...

| 그림2 = PNG transparency demonstration 2.png
| alt2 = 체크무늬 배경에 색 주사위
| 설명2 = ...체크무늬에 겹침
}}


2
3
4
한 사용자가 가진 여러 형태의 반스타 리본으로 나타낼 수도 있고 횟수를 나타내기 위해 숫자를 쓸 수도 있습니다.
{{여러그림
| 꼬리말 = 한 사용자가 가진 여러 형태의 [[반스타]] [[리본 (컴퓨팅)|리본]]으로 나타낼 수도 있고 횟수를 나타내기 위해 숫자를 쓸 수도 있습니다.
| 크기 = 60

| 그림1 = Ribbon numeral 2.png
| alt1 = 2

| 그림2 = Ribbon numeral 3.png
| alt2 = 3

| 그림3 = Ribbon numeral 4.png
| alt3 = 4
}}


배경색 예제

+/-
조그만 흰노란 꽃이 핀 푸른 허브
푸른 잎 배경의 작은 흰노란 꽃
각 세 쌍의 엽체를 가진 식물의 잎
연복초
{{여러그림
| 그림1=Adoxa_moschatellina_210406.jpg
| alt1=조그만 흰노란 꽃이 핀 푸른 허브

| 그림2=Adoxa_moschatellina_210406a.jpg
| alt2=푸른 잎 배경의 작은 흰노란 꽃

| 그림3=adoxa_moschatellina_blatt.jpeg
| alt3=각 세 쌍의 엽체를 가진 식물의 잎

| 꼬리말=[[연복초]]
| 꼬리말 배경색=#BBDD99
| 배경색=#BBDD99
| 꼬리말 정렬=center
| 크기=160
}}


링크 예제

+/-
노새는 노새에 연결되나, 당나귀는 연결 링크가 없다. 송어는 원래처럼 그림 설명이 표시된다.
노새
노새
骡子, luózi
당나귀
당나귀
驴子, lǘzi
송어
송어
鱼, yú
{{여러 그림
| 머리말 = 노새는 ''[[노새]]''에 연결되나, 당나귀는 연결 링크가 없다. 송어는 원래처럼 그림 설명이 표시된다.
| 정렬 = left

| 그림1 = Frecklesmule.jpg
| 크기1 = 143
| alt1 = 노새
| 설명1 = <div style="text-align: center;">노새<br />骡子, '''luózi'''</div>
| 링크1 = 노새

| 그림2 = Donkey 1 arp 750px.jpg
| 크기2 = 150
| alt2 = 당나귀
| 설명2 = <div style="text-align: center;">당나귀<br />驴子, lǘzi</div>
| 링크2 =

| 그림3 = Rainbow_trout.png
| 크기3 = 91
| alt3 = 송어
| 설명3 = <div style="text-align: center;">송어<br />
{{lang|zh|2=鱼}}, '''yú'''</div>
}}


수평 위치, 그림 높이 정렬

+/-
  • 원하는 그림 높이 결정: (예)100 픽셀
  • 그림 기존 크기 확인
  • | 크기 (n) 변수 = {{#expr: (dh * ow / oh) round 0 }}
    • dh 원하는 높이 (100) px
    • ow 너비 (750, 300) px
    • oh 높이 (536, 300) px
  • 정사각형 그림은 |크기 (n) 에 원하는 높이만 입력하고, 모두 정사각형이면 |크기 만 필요합니다.
두 그림 모두 높이 100 픽셀로 변환
당나귀
원래 536 픽셀 높이 직사각형 당나귀
송어
원래 300 픽셀 높이 정사각형 송어
{{여러그림
| 머리말 = 두 그림 모두 높이 100 픽셀로 변환
| 정렬 = right

| 그림1 = Donkey 1 arp 750px.jpg
| 크기1 = {{#expr: (100 * 750 / 536) round 0}}
| alt1 = 당나귀
| 설명1 = 원래 536 픽셀 높이 직사각형 당나귀

| 그림2 = Rainbow_trout.png
| 크기2 = 100
| alt2 = 송어
| 설명2 = 원래 300 픽셀 높이 정사각형 송어
}}


틀데이터

+/-

"description": "여러 그림을 하나의 사각형 테두리 안에 수직이나 수평으로 넣을 수 있도록 하는 틀입니다.",

"format": "{{_\n| _________________ = _\n}}\n",

"params": {}

같이 보기

+/-

이 틀에 사용된 루아(모듈:Multiple Image)를 사용하여 다음과 같은 틀도 사용할 수 있습니다.


원본 주소 "https://ko.wikibooks.org/w/index.php?title=틀:여러그림/설명문서&oldid=43045"