설명문서 [편집] [역사] [새로고침]

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

쓰는 법[원본 편집]

항목 및 변수
영어판 항목 비고
title 제목 그림판 위에 나타날 통합 제목
total_width 전체 넓이 그림판은 600 (픽셀), 800 정도가 보기나 인쇄에 좋음
align 정렬 center (기본)
cont 계속 yes (윗 줄에 그림 붙음), 아래 문단을 참고
width (n) 넓이 공용 그림 최대 넓이 (픽셀 단위)
height (n) 높이 공용 그림 최대 높이 (픽셀 단위)
image (n) 그림 공용 그림 이름
caption (n) 그림설명
alt (n) 대체 글자 백:문법#그림 참고
{{자동그림

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

<!--윗 그림판과 붙여 표시할 경우 -->
|계속= (예)

<!--그림은 여섯개 까지-->
|넓이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=
}}

예제[원본 편집]

{{자동그림
|제목=[[선인장]] 가시자리
|넓이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=가시자리를 덮고 있는 부드러운 털
}}

결과

선인장 가시자리
대체 글자=가시자리에서 잎이 나오는 모습
페레키아 그란디플로라
대체 글자=
가시자리 단면
대체 글자=
에키놉시스 캔디칸스
대체 글자=가시자리를 덮고 있는 부드러운 털
서봉옥 가시자리 확대도


그림 여러 줄 배열[원본 편집]

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

{{자동그림
|제목=[[아메리칸 로빈]]의 일생
|넓이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
}}

결과

아메리칸 로빈의 일생
대체 글자=
대체 글자=
대체 글자=


대체 글자=
대체 글자=
대체 글자=


문단과 같이 어울림[원본 편집]

이 틀은 문장에 그림을 직접 넣을 수 없습니다. 틀을 이용해서 문단 주변에 그림을 배치하기 위해서는 기능이 향상된 {{여러그림}} 틀을 쓰십시오.

편법으로 HTML div 함수를 이용해서 문장 주변에 그림을 배치하는 방법

  • 왼쪽에 그림을 넣을 때는, 틀에 <div style="float:left;margin-right:1em;"> ... </div> 를 넣어줍니다.
  • 또 오른쪽에 넣을 때는, <div style="float:right;margin-left:1em;"> ... </div> 를 넣습니다.


그림을 문단 오른쪽에 배치한 예제:

<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>

제한사항, 디버그[원본 편집]

  • 한 줄에 최대 여섯 장의 그림이 들어갑니다. 너무 넓지 않아야 인쇄할 때나 작은 화면에서 잘 볼 수 있기 때문입니다.
  • 그림 정렬 기준은 주변 글자를 따르지 않습니다. 윗 문단을 참고하십시오.
  • 그림 높이가 다르다면 넓이 (n) 와 높이 (n) 변수가 공용에 있는 그림의 최대 높이와 넓이와 맞는지 확인하십시오.
  • 제목을 너무 길게 하면 그림이 지정한 넓이 전체 넓이 보다 크게 될 수도 있습니다.

함께 보기[원본 편집]

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


이 틀 문서는 한국어 위키백과틀:자동그림 문서에서 분기하였습니다.
연습장이나 사용자 문서에서 틀의 사용이나 수정을 연습할 수 있습니다.
분류는 /설명문서에 넣어주세요.