틀:이미지: 두 판 사이의 차이

2023년 11월 20일 (월) 18:07 기준 최신판

"이미지" 틀입니다. 외부 이미지를 표시하는데 사용합니다.

아래와 같이 입력합니다.

{{이미지
|이미지=https://img.com/img.jpg
|스타일=width: 400px; float: right; 
|설명=이미지 설명
}}

메뉴 '넣기'에서 틀을 불러낸 후 "이미지" 입력합니다.

이미지를 본문 가운데 정렬로 보여주는 틀 (기본 사이즈 400px) 특히 외부 이미지 링크로 삽입 시 유용 필요시 스타일을 별도로 지정할 수 있음

틀 변수
이 틀은 변수마다 줄바꿈을 하여 쓰는 것이 권장됩니다.
변수		설명	형식	상태
이미지 주소	`이미지`	이미지 주소 자동 값	짧은 문구	필수
이미지 설명	`설명`	이미지 캡션	짧은 문구	필수
스타일	`스타일`	스타일 예시 width: 400px; float: right; 등 자동 값 `width: 203px; float: right; margin-left: 15px; clear: right;`	짧은 문구	필수

@@ 1번째 줄: / 1번째 줄: @@
 <noinclude>
-{{#template_params:이미지|스타일|설명}}
+==사용법==
-</noinclude><includeonly><div class="img_box thumbinner" {{#if:{{{스타일|}}} | style="{{{스타일|}}}" }}>{{{이미지|}}} {{#if:{{{설명|}}} | <br />{{{설명|}}}}}</div></includeonly>
+"이미지" 틀입니다.
+외부 이미지를 표시하는데 사용합니다.
+===소스 편집 화면===
+아래와 같이 입력합니다.
+<pre>
+{{이미지
+|이미지=https://img.com/img.jpg
+|스타일=width: 400px; float: right;
+|설명=이미지 설명
+}}
+</pre>
+===시각편집기 화면===
+메뉴 '넣기'에서 틀을 불러낸 후 "이미지" 입력합니다.
+==틀 설명==
+</noinclude><includeonly><div class="img_box thumbinner" {{#if:{{{스타일|}}} | style="{{{스타일|}}}" }}>{{{이미지|}}} {{#if:{{{설명|}}} | <div class="thumbcaption">{{{설명|}}}}}</div></div></includeonly>
 <noinclude>
 <templatedata>
@@ 10번째 줄: / 24번째 줄: @@
 			"description": "이미지 주소",
 			"type": "line",
-			"required": true
+			"required": true,
+			"autovalue": ""
 		},
 		"설명": {
@@ 23번째 줄: / 38번째 줄: @@
 			"example": "width: 400px; float: right; 등",
 			"type": "line",
-			"required": true
+			"required": true,
+			"autovalue": "width: 203px; float: right; margin-left: 15px; clear: right;"
 		}
 	},
@@ 31번째 줄: / 47번째 줄: @@
 </templatedata>
 </noinclude>
+__NOTOC__
+[[분류:이미지]]