틀:Scalable image
보이기
이 틀은 틀스타일을 사용합니다: |
이 틀은 크기가 큰 이미지를 넣을 때에 사용합니다. 이미지의 폭이 화면보다 클 경우에 섬네일 사이즈가 화면의 크기에 따라서 작아집니다.
사용법
[편집]기본적인 사용법
[편집]{{Scalable image|파일 이름|폭의 최대값|설명|이미지 상자 폭|배치 지정|대체=대체 문자열}}
- 첫 번째 인수(이름공간을 뺀 파일 이름)과 두 번째 인수(이미지 폭의 최대값)은 필수입니다. 또한, 이미지 폭은 섬네일의 상자 크기(네 번째 인수)와 다릅니다.
- 세 번째 인수는 설명(생략 가능)을 입력합니다. 설명에 등호(
=
)가 포함될 때에는|3=설명
처럼 입력하면 됩니다. 설명에thumb
,thumbnail
,섬네일
,frame
,프레임
,link
을 넣으면 이미지의 설명으로 표시되지 않고 대신에 파일 이름이 표시됩니다. - 네 번째 인수에는 상자 폭(생략 가능)을 입력합니다. 400px나 45%처럼 지정합니다. 전자는 폭을 픽셀로 지정하며 후자는 표시 범위의 백분율로 지정합니다.
- 다섯 번째 인수에는 이미지의 위치 지정(생략 가능)을 입력합니다. 지정할 때에는 이미지 상자 폭이 입력이 필수가 됩니다.
right
,left
,center
는 각각 오른쪽, 왼쪽, 가운데에 표시되며none
은 이미지가 문장 가운데에 들어가는 형태가 됩니다. |alt=
에는 이미지에 포함될 정보를 형용하는 문장을 지정합니다. 이는 이미지를 표시하지 않게 설정된 브라우저나 스크린 리더를 사용하는 시각 장애인도 정보를 읽는데 해가 되지 않게 하기 위한 문장입니다.
옵션
[편집]|툴팁=아니요
- 툴팁을 표시하지 않게 합니다.|align-cap=
- 설명 글자 위치를 지정합니다. 예를 들어서|align-cap=right
와 같이text-align
의 속성으로 사용할 수 있는 값을 지정합니다.|테두리=아니요
- 테두리를 표시하지 않습니다.
사용 예시
[편집]설명 없음 (크기 2500px)
[편집]{{scalable image|Dew on grass Luc Viatour.jpg|2500px| |대체=잎 위의 이슬}}
설명 없음 (크기 500px)
[편집]{{scalable image|Dew on grass Luc Viatour.jpg|500px| |대체=잎 위의 이슬}}
설명 포함
[편집]{{scalable image|Dew on grass Luc Viatour.jpg|2500px|잎 위의 이슬 |대체=잎 위의 이슬}}
툴팁 없음
[편집]{{scalable image|Dew on grass Luc Viatour.jpg|2500px|잎 위의 이슬 |대체=잎 위의 이슬 |툴팁=아니요}}
인수
[편집]크기가 큰 이미지를 표시할 때에 사용하는 틀로 이미지의 폭이 화면보다 크면 섬네일 크기가 화면 크기에 따라서 작아진다.
변수 | 설명 | 형식 | 상태 | |
---|---|---|---|---|
파일 이름 | 1 | 표시할 이미지의 파일 이름으로 접두사 "파일:"은 입력하지 않습니다.
| 파일 | 필수 |
이미지 폭의 최대값 | 2 | 이미지 폭의 최대 크기를 입력합니다. 이미지 폭이 이 값보다 클 경우라도 이미지 표시가 더 이상 커지지 않습니다.
| 문자열 | 필수 |
설명 | 3 | 이미지 아래에 표시될 설명입니다. | 문자열 | 선택 사항 |
이미지 테두리 폭 | 4 | 이미지 테두리 폭을 지정합니다.
| 문자열 | 선택 사항 |
이미지 위치 | 5 align | 이미지 위치를 지정합니다. 이 인수를 지정하면, 이미지 프레임 폭도 반드시 시정해야합니다.
| 문자열 | 선택 사항 |
대체 문자열 | alt 대체 | 이미지에 포함될 정보를 형용하는 문자로 이미지가 표시되지 않게 설정된 브라우저나 스크린 리더를 사용하는 시각 장애인도 정보를 읽는 데에 해가 가지 않기 위한 문장입니다. | 문자열 | 권장 |
툴팁 표시 | tooltip 툴팁 말풍선 | no로 지정하면, 이미지의 툴팁이 테두리 내에 표시되지 않습니다.
| 문자열 | 선택 사항 |
분류
[편집]이 틀은 부착된 문서에 별도의 분류를 적용시키지 않습니다.
같이 보기
[편집]- {{넓은 그림}}
- {{파노라마}}
- {{Panorama 2}}