틀:자동그림
이 틀은 {{여러그림}}을 단순화한 것입니다. 두 개에서 여섯 개까지 그림을 수평 정렬할 수 있습니다. 지정한 총 그림 넓이에 맞도록 자동으로 크기를 조절해서 같은 높이로 만듭니다. 전체 제목을 붙이고 그림에는 각각 설명을 달 수 있습니다.
쓰는 법
[편집]| 영어판 | 항목 | 비고 |
|---|---|---|
| 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=가시자리를 덮고 있는 부드러운 털 }} 결과
| 선인장 가시자리 |
|---|
 페레키아 그란디플로라 .jpg) 가시자리 단면 .jpg) 에키놉시스 캔디칸스  서봉옥 가시자리 확대도
|
그림 여러 줄 배열
[편집]그림판을 여러 줄로 배열하고 싶으면 틀의 |전체 넓이 변수를 같게 하고, 두 번째 틀에 |계속 = 예 변수를 넣으면 됩니다.
{{자동그림 |제목=[[아메리칸 로빈]]의 일생 |넓이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) 변수가 공용에 있는 그림의 최대 높이와 넓이와 맞는지 확인하십시오.
- 제목을 너무 길게 하면 그림이 지정한 넓이 전체 넓이 보다 크게 될 수도 있습니다.