젊은리버럴: 새 문서: {{설명문서 안내}} 이 틀은 {{tl|여러그림}}을 단순화한 것입니다. 두 개에서 여섯 개까지 그림을 수평 정렬할 수 있습니다. 지정한 총 그림 넓이에 맞도록 자동으로 크기를 조절해서 같은 높이로 만듭니다. 전체 제목을 붙이고 그림에는 각각 설명을 달 수 있습니다. == 쓰는 법 == {| class="wikitable" style="border:2px solid #B5954B; float: right; width: 50%;" |+ 항목 및 변수 !style="backgro...

2024-07-09T18:52:59Z

새 문서: {{설명문서 안내}} 이 틀은 {{tl|여러그림}}을 단순화한 것입니다. 두 개에서 여섯 개까지 그림을 수평 정렬할 수 있습니다. 지정한 총 그림 넓이에 맞도록 자동으로 크기를 조절해서 같은 높이로 만듭니다. 전체 제목을 붙이고 그림에는 각각 설명을 달 수 있습니다. == 쓰는 법 == {| class="wikitable" style="border:2px solid #B5954B; float: right; width: 50%;" |+ 항목 및 변수 !style="backgro...

새 문서

{{설명문서 안내}}
이 틀은 {{tl|여러그림}}을 단순화한 것입니다. 두 개에서 여섯 개까지 그림을 수평 정렬할 수 있습니다. 지정한 총 그림 넓이에 맞도록 자동으로 크기를 조절해서 같은 높이로 만듭니다. 전체 제목을 붙이고 그림에는 각각 설명을 달 수 있습니다.

== 쓰는 법 ==
{| class="wikitable" style="border:2px solid #B5954B; float: right; width: 50%;"
|+ 항목 및 변수
!style="background:#F0E68C;" width="75" | 영어판 !! 항목 !! 비고
|-
|style="background:#F0E68C;"| title || 제목 || 그림판 위에 나타날 통합 제목
|-
|style="background:#F0E68C;"| total_width || 전체 넓이 || 그림판은 600 (픽셀), 800 정도가 보기나 인쇄에 좋음
|-
|style="background:#F0E68C;"| align || 정렬 || center (기본)
|-
|style="background:#F0E68C;"| cont || 계속 || yes (윗 줄에 그림 붙음), [[#그림 여러 줄 배열|아래 문단]]을 참고
|-
|style="background:#F0E68C;"| width (n) || 넓이 || [[공용]] 그림 최대 넓이 (픽셀 단위)
|-
|style="background:#F0E68C;"| height (n) || 높이 || [[공용]] 그림 최대 높이 (픽셀 단위)
|-
|style="background:#F0E68C;"| image (n) || 그림 || [[공용]] 그림 이름
|-
|style="background:#F0E68C;"| caption (n) || 그림설명 ||
|-
|style="background:#F0E68C;"| alt (n) || 대체 글자 || [[백:문법#그림]] 참고
|-
|}

<pre style="넓이: 43%; overflow:auto">
{{자동그림

|제목=
|전체 넓이=
|정렬=


|계속= (예)


|넓이1= |높이1= |그림1= |그림설명1= |대체 글자1=
|넓이2= |높이2= |그림2= |그림설명2= |대체 글자2=
|넓이3= |높이3= |그림3= |그림설명3= |대체 글자3=
|넓이4= |높이4= |그림4= |그림설명4= |대체 글자4=
|넓이5= |높이5= |그림5= |그림설명5= |대체 글자5=
|넓이6= |높이6= |그림6= |그림설명6= |대체 글자6=
}}</pre>

== 예제 ==
<pre>
{{자동그림
|제목=[[선인장]] 가시자리
|넓이1=1328
|높이1= 990
|그림1=Pereskia grandifolia areole.jpg
|그림설명1=페레키아 그란디플로라
|대체 글자1=가시자리에서 잎이 나오는 모습
|넓이2=4408
|높이2=3229
|그림2=Cut Cereus (brightened).jpg
|그림설명2=가시자리 단면
|넓이3=2736|높이3=3648
|그림3=Echinopsis candicans (3).jpg
|그림설명3=에키놉시스 캔디칸스
|넓이4= 528|높이4= 552
|그림4=Astrophytum capricorne areole.jpg
|그림설명4=서봉옥 가시자리 확대도
|대체 글자4=가시자리를 덮고 있는 부드러운 털
}}</pre>

결과
{{자동그림
|제목=[[선인장]] 가시자리
|넓이1=1328|높이1= 990|그림1=Pereskia grandifolia areole.jpg|그림설명1=페레키아 그란디플로라|대체 글자1=가시자리에서 잎이 나오는 모습
|넓이2=4408|높이2=3229|그림2=Cut Cereus (brightened).jpg|그림설명2= 가시자리 단면
|넓이3=2736|높이3=3648|그림3=Echinopsis candicans (3).jpg|그림설명3=에키놉시스 캔디칸스
|넓이4= 528|높이4= 552|그림4=Astrophytum capricorne areole.jpg
|그림설명4=서봉옥 가시자리 확대도|대체 글자4=가시자리를 덮고 있는 부드러운 털
}}

== 그림 여러 줄 배열 ==
그림판을 여러 줄로 배열하고 싶으면 틀의 |전체 넓이 변수를 같게 하고, 두 번째 틀에 |계속 = 예 변수를 넣으면 됩니다.

<pre><nowiki>{{자동그림
|제목=[[아메리칸 로빈]]의 일생
|넓이1= 500|높이1= 749|그림1=American Robin Nest.jpg
|넓이2=1024|높이2= 768|그림2=Turdus migratorius -eggs and chicks in a nest-8.jpg
|넓이3=4000|높이3=3000|그림3=American Robin Nest5.jpg
}}
{{자동그림
|계속=예
|넓이1= 600|높이1= 479|그림1=Robin chick 2 Galawebdesign.jpg
|넓이2=5184|높이2=3456|그림2=Turdus migratorius -Smithsonian National Zoological Park, Washington, USA -juvenile-8.jpg
|넓이3=1350|높이3=1024|그림3=Turdus-migratorius-002.jpg
}}</nowiki></pre>
결과
{{자동그림
|제목=[[아메리칸 로빈]]의 일생
|넓이1= 500|높이1= 749|그림1=American Robin Nest.jpg
|넓이2=1024|높이2= 768|그림2=Turdus migratorius -eggs and chicks in a nest-8.jpg
|넓이3=4000|높이3=3000|그림3=American Robin Nest5.jpg
}}
{{자동그림
|계속=예
|넓이1= 600|높이1= 479|그림1=Robin chick 2 Galawebdesign.jpg
|넓이2=5184|높이2=3456|그림2=Turdus migratorius -Smithsonian National Zoological Park, Washington, USA -juvenile-8.jpg
|넓이3=1350|높이3=1024|그림3=Turdus-migratorius-002.jpg
}}
{{-}}

== 문단과 같이 어울림 ==
<div style="float:right;margin-left:1em;">
{{자동그림
|전체 넓이=200|제목=[[아메리칸 로빈]]
|넓이1= 500|높이1= 749|그림1=American Robin Nest.jpg
|넓이2=1024|높이2= 768|그림2=Turdus migratorius -eggs and chicks in a nest-8.jpg
|넓이3=4000|높이3=3000|그림3=American Robin Nest5.jpg
}}
{{자동그림
|전체 넓이=200|계속=예
|넓이1= 600|높이1= 479|그림1=Robin chick 2 Galawebdesign.jpg
|넓이2=5184|높이2=3456|그림2=Turdus migratorius -Smithsonian National Zoological Park, Washington, USA -juvenile-8.jpg
|넓이3=1350|높이3=1024|그림3=Turdus-migratorius-002.jpg
}}
</div>
이 틀은 문장에 그림을 직접 넣을 수 없습니다. 틀을 이용해서 문단 주변에 그림을 배치하기 위해서는 기능이 향상된 {{tl|여러그림}} 틀을 쓰십시오.

편법으로 HTML div 함수를 이용해서 문장 주변에 그림을 배치하는 방법
* 왼쪽에 그림을 넣을 때는, 틀에 <nowiki><div style="float:left;margin-right:1em;"> ... </div></nowiki> 를 넣어줍니다.
* 또 오른쪽에 넣을 때는, <nowiki><div style="float:right;margin-left:1em;"> ... </div></nowiki> 를 넣습니다.

그림을 문단 오른쪽에 배치한 예제:
<pre><nowiki><div style="float:right;margin-left:1em;">
{{자동그림
|전체 넓이=200|제목=[[아메리칸 로빈]]
|넓이1= 500|높이1= 749|그림1=American Robin Nest.jpg
|넓이2=1024|높이2= 768|그림2=Turdus migratorius -eggs and chicks in a nest-8.jpg
|넓이3=4000|높이3=3000|그림3=American Robin Nest5.jpg
}}
{{자동그림
|전체 넓이=200|계속=예
|넓이1= 600|높이1= 479|그림1=Robin chick 2 Galawebdesign.jpg
|넓이2=5184|높이2=3456|그림2=Turdus migratorius -Smithsonian National Zoological Park, Washington, USA -juvenile-8.jpg
|넓이3=1350|높이3=1024|그림3=Turdus-migratorius-002.jpg
}}
</div></nowiki></pre>

== 제한사항, 디버그 ==

* 한 줄에 최대 여섯 장의 그림이 들어갑니다. 너무 넓지 않아야 인쇄할 때나 작은 화면에서 잘 볼 수 있기 때문입니다.

* 그림 정렬 기준은 주변 글자를 따르지 않습니다. [[#문단과 같이 어울림|윗 문단]]을 참고하십시오.

* 그림 높이가 다르다면 넓이 (n) 와 높이 (n) 변수가 [[공용]]에 있는 그림의 최대 높이와 넓이와 맞는지 확인하십시오.

* 제목을 너무 길게 하면 그림이 지정한 넓이 전체 넓이 보다 크게 될 수도 있습니다.

== 함께 보기 ==
* {{틀|여러그림}} – 이 틀을 쓰면 더 유연하게 배열할 수 있습니다. 하지만 그림 높이가 같도록 하려면 수 계산으로 직접 확인해야 합니다.
* {{틀|이중그림}}

<includeonly>

[[분류:그래픽에 관한 틀|{{문서이름}}]]
</includeonly>

{{퍼온문서|틀:자동그림|||한국어 위키백과|https://ko.wikipedia.org/wiki/%ED%8B%80:%EC%9E%90%EB%8F%99%EA%B7%B8%EB%A6%BC}}

틀:자동그림/설명문서 - 편집 역사