틀:여러그림
(틀:Multiple image에서 넘어옴)
 | 이 틀은 루아를 사용합니다. |
 | 이 틀은 틀스타일을 사용합니다. |
여러 그림을 하나의 사각형 테두리 안에 수직이나 수평으로 넣을 수 있도록 하는 틀입니다. 최대 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) | alt (n) | ||
| caption (n) | 설명 (n) | ||
| link (n) | 링크 (n)[1] | ||
| header | 머리말 | ||
| header_background | 머리말 배경색 | ||
| footer | 꼬리말 | ||
| footer_background | 꼬리말 배경색 | ||
| background color | 배경색 | ||
| image_gap | |||
{{여러그림
<!-- 필수 항목 -->
| 정렬 = <!-- 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
| alt1 = 노란 카르투시
| 그림2 = Red card.svg
| alt2 = 빨간 카르투시
}}
{{여러그림
| 정렬 = left
| 방향 = vertical
| 머리말 = [[PNG]] 투명 예시
| 크기 = 200
| 그림1 = PNG transparency demonstration 1.png
| alt1 = 하얀 배경에 색 주사위
| 설명1 = 8 비트 투명 층을 가진 PNG 그림...
| 그림2 = PNG transparency demonstration 2.png
| alt2 = 체크무늬 배경에 색 주사위
| 설명2 = ...체크무늬에 겹침
}}
{{여러그림
| 꼬리말 = 한 사용자가 가진 여러 형태의 [[반스타]] [[리본 (컴퓨팅)|리본]]으로 나타낼 수도 있고 횟수를 나타내기 위해 숫자를 쓸 수도 있습니다.
| 크기 = 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
}}
링크 예제
노새는 노새에 연결되나, 당나귀는 연결 링크가 없다. 송어는 원래처럼 그림 설명이 표시된다.
{{여러 그림
| 머리말 = 노새는 ''[[노새]]''에 연결되나, 당나귀는 연결 링크가 없다. 송어는 원래처럼 그림 설명이 표시된다.
| 정렬 = 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 픽셀
- 그림 기존 크기 확인
- 파일:Donkey 1 arp 750px.jpg 는 750 × 536 픽셀
- 파일:Rainbow trout.png 는 300 × 300 픽셀
- | 크기 (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 픽셀 높이 정사각형 송어
}}
틀데이터
여러 그림을 하나의 사각형 테두리 안에 수직이나 수평으로 넣을 수 있도록 하는 틀입니다.
| 변수 | 설명 | 형식 | 상태 | |
|---|---|---|---|---|
| 배경색 | 배경색 background color | 여러그림 틀에 칠해질 배경색을 16진수 혹은 영어 표기로 정합니다. | 알 수 없음 | 선택 사항 |
| 정렬 | 정렬 align | 화면에서 여러그림 틀을 표시할 방향
| 문자열 | 필수 |
| 머리말 | 머리말 header | 머리말에 표시할 내용.
| 짧은 문구 | 선택 사항 |
| 머리말 배경색 | 머리말 배경색 header_background | 머리글 항목에 칠해질 배경색을 16진수 혹은 영어 표기로 정합니다. | 알 수 없음 | 선택 사항 |
| 머리말 정렬 | 머리말 정렬 caption | 머리말의 표시 방향
| 문자열 | 권장 |
| 꼬리말 | 꼬리말 footer | 꼬리말에 표시할 내용. | 짧은 문구 | 선택 사항 |
| 꼬리말 배경색 | 꼬리말 배경색 footer_background | 꼬리글 항목에 칠해질 배경색을 16진수 혹은 영어 표기로 정합니다. | 알 수 없음 | 선택 사항 |
| 꼬리말 정렬 | 꼬리말 정렬 footer_align | 꼬리말의 표시 방향
| 문자열 | 선택 사항 |
| 설명 정렬 | 설명 정렬 caption_align | 각 그림의 설명문이 표시될 방향
| 문자열 | 선택 사항 |
| 그림1 | 그림1 image1 | 그림 파일의 이름.확장자 | 파일 | 필수 |
| 그림 모양1 | 그림 모양1 image_style1 | 그림의 CSS 속성 값 | 내용 | 선택 사항 |
| 전체 너비1 | 전체 너비1 total_width1 | 그림의 전체 가로x세로 px 값 | 숫자 | 선택 사항 |
| 너비1 | 너비1 width1 | 그림의 가로 px 값 | 숫자 | 선택 사항 |
| 높이1 | 높이1 height1 | 그림의 세로 px 값 | 숫자 | 선택 사항 |
| 설명1 | 설명1 caption1 | 그림에 대한 해설 | 짧은 문구 | 선택 사항 |
| 링크1 | 링크1 link1 | 그림을 눌렀을 때 넘어갈 문서의 이름. | 문서 이름 | 선택 사항 |
| alt1 | alt1 | 시각장애인을 위한 그림의 설명문. 미국 헌법 505조항에서 유래된 접근성 향상 요소. 비우면 설명의 내용 값을 씁니다. | 내용 | 선택 사항 |
| 테두리1 | 테두리1 border1 | 그림의 테두리 CSS 속성값 | 내용 | 선택 사항 |