문서 편집 권한이 없습니다. 다음 이유를 확인해주세요: 요청한 명령은 다음 권한을 가진 사용자에게 제한됩니다: 사용자. 문서의 원본을 보거나 복사할 수 있습니다. {{설명문서 안내}} <!-- 여기에 틀에 대한 설명문서를 작성하세요. --> {{Lua|모듈:Multiple image}} {{틀스타일|틀:여러그림/styles.css}} 여러 그림을 하나의 사각형 테두리 안에 수직이나 수평으로 넣을 수 있도록 하는 틀입니다. 최대 10개까지 그림을 넣을 수 있으며, 각각의 그림이나 그림 전체에 대한 그림 설명을 적을 수 있습니다. == 사용법 == {| class="wikitable" style="border:2px solid #B5954B; float: right; width: 50%;" |+ [[:en:Template:Multiple image|영어]]판과 항목 비교 !style="background:#F0E68C;"| 영어항목 !! 한글항목 !! style="background:#F0E68C;"| 변수 !! 변수 설명 |- |style="background:#F0E68C;"| align || 정렬 || style="background:#F0E68C;"| right || 오른쪽 |- |style="background:#F0E68C;"| header_align || 머리말 정렬 || style="background:#F0E68C;"| center || 가운데 |- |style="background:#F0E68C;"| footer_align || 꼬리말 정렬 || style="background:#F0E68C;"| left || 왼쪽 |- |style="background:#F0E68C;"| caption_align || 설명 정렬 || style="background:#F0E68C;"| none || 없음 |- |style="background:#F0E68C;"| image (n) || 그림 (n) || || |- |style="background:#F0E68C;"| width (n) || 너비 (n) 또는 크기 (n) || || |- |style="background:#F0E68C;"| total_width (n) || 전체 너비 (n) || || |- |style="background:#F0E68C;"| height (n) || 높이 (n) || || |- |style="background:#F0E68C;"| border (n) || 테두리 (n) || || |- |style="background:#F0E68C;"| image_style (n) || 그림 모양 (n) || || |- |style="background:#F0E68C;"| alt (n) || alt (n) || || |- |style="background:#F0E68C;"| caption (n) || 설명 (n) || || |- |style="background:#F0E68C;"| link (n) || 링크 (n)<ref>그림 링크를 따로 지정하지 않으면, 그림 설명문으로 연결됩니다. 그림이 GFDL 이나 CC 같은 자유 허가 조건이라면 이 변수를 쓰지 말고 다른 적절한 연결 링크를 씁니다. [[퍼블릭 도메인]]과 [[공정 이용]] 그림 등은 관계없습니다.</ref> || || |- |style="background:#F0E68C;"| header || 머리말 || || |- |style="background:#F0E68C;"| header_background || 머리말 배경색 || || |- |style="background:#F0E68C;"| footer || 꼬리말 || || |- |style="background:#F0E68C;"| footer_background || 꼬리말 배경색 || || |- |style="background:#F0E68C;"| background color || 배경색|| || |- |style="background:#F0E68C;"| image_gap || || || |- |colspan="4"|<references/> |- |} <pre style="width: 43%; overflow:auto"> {{여러그림 <!-- 필수 항목 --> | 정렬 = <!-- 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 --> | 꼬리말 배경색 = | 배경색 = }}</pre> == 예제 == {{여러그림 | 꼬리말 = 경기 중 노란 카드는 경고, 빨간 카드는 퇴장 | 크기 = 60 | 그림1 = Yellow card.svg | alt1 = 노란 카르투시 | 그림2 = Red card.svg | alt2 = 빨간 카르투시 }} <pre style="overflow: auto;"> {{여러그림 | 꼬리말 = 경기 중 노란 카드는 경고, 빨간 카드는 퇴장 | 크기 = 60 | 그림1 = Yellow card.svg | alt1 = 노란 카르투시 | 그림2 = Red card.svg | alt2 = 빨간 카르투시 }}</pre> {{-}} {{여러그림 | 정렬 = left | 방향 = vertical | 머리말 = [[PNG]] 투명 예시 | 크기 = 200 | 그림1 = PNG transparency demonstration 1.png | alt1 = 하얀 배경에 색 주사위 | 설명1 = 8 비트 투명 층을 가진 PNG 그림... | 그림2 = PNG transparency demonstration 2.png | alt2 = 체크무늬 배경에 색 주사위 | 설명2 = ...체크무늬에 겹침 }} <pre style="overflow: auto;"> {{여러그림 | 정렬 = left | 방향 = vertical | 머리말 = [[PNG]] 투명 예시 | 크기 = 200 | 그림1 = PNG transparency demonstration 1.png | alt1 = 하얀 배경에 색 주사위 | 설명1 = 8 비트 투명 층을 가진 PNG 그림... | 그림2 = PNG transparency demonstration 2.png | alt2 = 체크무늬 배경에 색 주사위 | 설명2 = ...체크무늬에 겹침 }}</pre> {{-}} {{여러그림 | 꼬리말 = 한 사용자가 가진 여러 형태의 [[반스타]] [[리본 (컴퓨팅)|리본]]으로 나타낼 수도 있고 횟수를 나타내기 위해 숫자를 쓸 수도 있습니다. | 크기 = 60 | 그림1 = Ribbon numeral 2.png | alt1 = 2 | 그림2 = Ribbon numeral 3.png | alt2 = 3 | 그림3 = Ribbon numeral 4.png | alt3 = 4 }} <pre style="overflow: auto;"> {{여러그림 | 꼬리말 = 한 사용자가 가진 여러 형태의 [[반스타]] [[리본 (컴퓨팅)|리본]]으로 나타낼 수도 있고 횟수를 나타내기 위해 숫자를 쓸 수도 있습니다. | 크기 = 60 | 그림1 = Ribbon numeral 2.png | alt1 = 2 | 그림2 = Ribbon numeral 3.png | alt2 = 3 | 그림3 = Ribbon numeral 4.png | alt3 = 4 }}</pre> {{-}} == 배경색 예제 == {{여러그림 | 그림1=Adoxa_moschatellina_210406.jpg | alt1=조그만 흰노란 꽃이 핀 푸른 허브 | 그림2=Adoxa_moschatellina_210406a.jpg | alt2=푸른 잎 배경의 작은 흰노란 꽃 | 그림3=adoxa_moschatellina_blatt.jpeg | alt3=각 세 쌍의 엽체를 가진 식물의 잎 | 꼬리말=[[연복초]] | 꼬리말 배경색=#BBDD99 | 배경색=#BBDD99 | 꼬리말 정렬=center | 크기=160 }} <pre style="overflow: auto;"> {{여러그림 | 그림1=Adoxa_moschatellina_210406.jpg | alt1=조그만 흰노란 꽃이 핀 푸른 허브 | 그림2=Adoxa_moschatellina_210406a.jpg | alt2=푸른 잎 배경의 작은 흰노란 꽃 | 그림3=adoxa_moschatellina_blatt.jpeg | alt3=각 세 쌍의 엽체를 가진 식물의 잎 | 꼬리말=[[연복초]] | 꼬리말 배경색=#BBDD99 | 배경색=#BBDD99 | 꼬리말 정렬=center | 크기=160 }} </pre> {{-}} == 링크 예제 == {{여러그림 | 머리말 = 노새는 '''[[노새]]'''에 연결되나, 당나귀는 연결 링크가 없다. 송어는 원래처럼 그림 설명이 표시된다. | 정렬 = 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> }} <pre style="overflow: auto;"> {{여러 그림 | 머리말 = 노새는 ''[[노새]]''에 연결되나, 당나귀는 연결 링크가 없다. 송어는 원래처럼 그림 설명이 표시된다. | 정렬 = 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> }} </pre> {{-}} == 수평 위치, 그림 높이 정렬 == * 원하는 그림 높이 결정: (예)100 픽셀 * 그림 기존 크기 확인 ** [[:파일:Donkey 1 arp 750px.jpg]] 는 750 × 536 픽셀 ** [[:파일:Rainbow trout.png]] 는 300 × 300 픽셀 * | 크기 (n) 변수 = <code><nowiki> {{#expr:</nowiki> ('''dh''' * '''ow''' / '''oh''') round 0 <nowiki>}}</nowiki></code> ** '''dh''' 원하는 높이 픽셀 (100) ** '''ow''' 픽셀 넓이 (750, 300) ** '''oh''' 픽셀 높이 (536, 300) * 정사각형 그림은 |크기 (n) 에 원하는 높이만 입력하고, 모두 정사각형이면 |크기 만 필요합니다. {{여러그림 | 머리말 = 두 그림 모두 높이 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 픽셀 높이 정사각형 송어 }} <pre style="overflow: auto;"> {{여러그림 | 머리말 = 두 그림 모두 높이 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 픽셀 높이 정사각형 송어 }} </pre> {{-}} == 같이 보기 == * {{tl|자동그림}} – 수평 그림 들을 자동으로 크기 조절 * {{tl|이중그림}} * {{tl|삼중그림}} <includeonly> <!-- 여기에 분류와 인터위키를 넣어주세요. --> [[분류:그래픽에 관한 틀|{{문서이름}}]] </includeonly> 틀:여러그림/설명문서 문서로 돌아갑니다.