도와 주세요.:갤러리 태그

이 도움말 페이지는 사용 방법 가이드입니다.

위키백과의 규범과 관행의 일부 측면의 프로세스 또는 절차를 자세히 설명합니다.이것은 위키백과의 정책이나 지침 중 하나가 아니며 다양한 수준의 합의와 검토를 반영할 수 있습니다.

갤러리는 여러 장의 사진을 배열 또는 유사한 레이아웃으로 표시합니다.

갤러리는 다음을 사용하여 행과 열로 구성된 이미지를 표시할 수 있습니다.<gallery>...</gallery> 구문 분석기(Wikitext에서 HTML로 변환) 태그입니다.화면 크기와 브라우저가 다르면 일부 독서자의 접근성에 영향을 미칠 수 있습니다.

속성 및 값

속성 및 값은 단어 뒤에 표시됩니다.gallery및 빈 공간, 종료 각도 브래킷 앞:<gallery attributes...>

mode=
- traditional기본값, 효과는 아래에 설명되어 있습니다.
- nolines테두리 없음, 패딩 감소, 이미지 중심의 캡션
- packed모든 이미지가 동일한 높이, 정당화된 캡션을 사용하여 정렬되며 이미지 중앙에 캡션이 표시됩니다.
- packed-overlay포장된 것처럼, 그러나 캡션이 반투명 상자에서 이미지를 오버레이합니다.
- packed-hover패킹된 오버레이와 마찬가지로 캡션은 호버에서만 표시됩니다(화면 판독기에서 우아하게 저하되고 터치 스크린을 사용하는 경우 패킹된 오버레이로 되돌아갑니다).
- slideshow슬라이드 쇼
caption=갤러리 위에 전체 캡션을 추가합니다.
widths=픽셀 단위의 이미지 폭(모드가 패킹, 패킹-오버레이, 패킹-호버 또는 슬라이드 쇼로 설정된 경우에는 영향을 주지 않음)
heights=영상 높이(픽셀)(모드가 슬라이드 쇼로 설정된 경우에는 영향을 주지 않음)
perrow=행당 이미지 수(모드가 패킹, 패킹-오버레이, 패킹-호버 또는 슬라이드 쇼로 설정된 경우에는 영향을 주지 않습니다. 아래의 사용 참고 사항 참조)
showfilename=yes해당 이미지 아래에 각 파일 이름 표시
class=공백으로 구분되고 큰따옴표로 묶인 하나 이상의 클래스 이름
style=세미콜론으로 구분되고 큰따옴표로 묶인 하나 이상의 CSS 선언

사용 참고 사항

c

p

1

2

3

4

5

6

7

8

9

10

11

12

1

0

1

2

0

2

3

0

1

0

3

4

0

1

0

4

5

0

1

2

1

0

5

6

0

2

1

0

6

7

0

1

3

2

1

0

7

8

0

2

0

3

2

1

0

8

9

0

1

0

1

4

3

2

1

0

9

10

0

1

2

0

4

3

2

1

0

10

11

0

1

2

3

1

5

4

3

2

1

0

11

12

0

2

0

5

4

3

2

1

0

13

0

1

3

1

6

5

4

3

2

1

14

0

2

4

2

0

6

5

4

3

2

15

0

1

0

3

0

3

1

7

6

5

4

3

16

0

1

0

1

4

2

0

7

6

5

4

17

0

1

2

1

2

5

3

1

8

7

6

5

18

0

2

3

0

4

2

0

8

7

6

19

0

1

3

4

1

5

3

1

9

8

7

20

0

2

0

2

6

4

2

0

9

8

21 – 60장의 사진
녹색: 이상적, 노란색: 절반 이하, 빨간색: 고아
c p	1	2	3	4	5	6	7	8	9	10	11	12
21	0	1	0	1	1	3	0	5	3	1	10	9
22	0	0	1	2	2	4	1	6	4	2	0	10
23	0	1	2	3	3	5	2	7	5	3	1	11
24	0	0	0	0	4	0	3	0	6	4	2	0
25	0	1	1	1	0	1	4	1	7	5	3	1
26	0	0	2	2	1	2	5	2	8	6	4	2
27	0	1	0	3	2	3	6	3	0	7	5	3
28	0	0	1	0	3	4	0	4	1	8	6	4
29	0	1	2	1	4	5	1	5	2	9	7	5
30	0	0	0	2	0	0	2	6	3	0	8	6
31	0	1	1	3	1	1	3	7	4	1	9	7
32	0	0	2	0	2	2	4	0	5	2	10	8
33	0	1	0	1	3	3	5	1	6	3	0	9
34	0	0	1	2	4	4	6	2	7	4	1	10
35	0	1	2	3	0	5	0	3	8	5	2	11
36	0	0	0	0	1	0	1	4	0	6	3	0
37	0	1	1	1	2	1	2	5	1	7	4	1
38	0	0	2	2	3	2	3	6	2	8	5	2
39	0	1	0	3	4	3	4	7	3	9	6	3
40	0	0	1	0	0	4	5	0	4	0	7	4
41	0	1	2	1	1	5	6	1	5	1	8	5
42	0	0	0	2	2	0	0	2	6	2	9	6
43	0	1	1	3	3	1	1	3	7	3	10	7
44	0	0	2	0	4	2	2	4	8	4	0	8
45	0	1	0	1	0	3	3	5	0	5	1	9
46	0	0	1	2	1	4	4	6	1	6	2	10
47	0	1	2	3	2	5	5	7	2	7	3	11
48	0	0	0	0	3	0	6	0	3	8	4	0
49	0	1	1	1	4	1	0	1	4	9	5	1
50	0	0	2	2	0	2	1	2	5	0	6	2
51	0	1	0	3	1	3	2	3	6	1	7	3
52	0	0	1	0	2	4	3	4	7	2	8	4
53	0	1	2	1	3	5	4	5	8	3	9	5
54	0	0	0	2	4	0	5	6	0	4	10	6
55	0	1	1	3	0	1	6	7	1	5	0	7
56	0	0	2	0	1	2	0	0	2	6	1	8
57	0	1	0	1	2	3	1	1	3	7	2	9
58	0	0	1	2	3	4	2	2	4	8	3	10
59	0	1	2	3	4	5	3	3	5	9	4	11
60	0	0	0	0	0	0	4	4	6	0	5	0

녹색: 이상적, 노란색: 절반 이하, 빨간색: 고아

갤러리의 마지막 행에 있는 사진 수
c열 포함(모순 종속)
및 p 사진(사용자가 제어할 수 있음)

즉, 갤러리에 저장할 수 있는 사진 수:
1, 2, 3, 4, 6, 8, 12, 14, 18, 20, ...

무분별한 사용perrow속성은 모바일 미니어처에서 넓은 "확장" 화면에 이르기까지 다양한 디스플레이 크기와 가로 세로 비율의 유연한 사용을 재정의하기 때문에 강력하게 권장되지 않습니다.그러나 속성은 "전/후", "낮음/중간/높음" 또는 다른 이미지의 체계적인 비교와 같이 고정 그리드 배열이 적절한 경우에 사용해야 합니다.
한다면perrow생략하고 너비가 유동적입니다. 한 행은 사용자 디스플레이의 사용 가능한 너비에 맞는 만큼의 이미지로 구성되어 필요한 만큼의 추가 줄로 자동으로 래핑됩니다.
생략 perrow 이제 권장 기본값입니다.MediaWiki 1.17 이전 버전에서는 기본값이 4였습니다.
기본 너비와 높이는 현재 120px입니다.에 의해 표시되는 이미지<Gallery>...</Gallery>태그가 사용자 보기 기본 설정을 따르지 않습니다.
그packed모드는 사용 가능한 디스플레이 공간을 최적으로 사용하도록 이미지 크기를 자동으로 조정합니다.
모든 라인은 이미지 파일을 지정합니다.File:접두사는 필요 없습니다.
캡션은 선택 사항이며 파일 이름과 세로 막대("")로 구분됩니다.
일반적인 실수는 마감을 잊어버리는 것입니다.</gallery>꼬리표를 달다
사용 시 많은 매개변수, 특히 시각적 외관과 관련된 매개변수가 특정 스킨(특히 모바일 사이트에서 사용하는 미네르바 스킨)에 예상대로 적용되거나 작동하지 않을 수 있습니다.

이미지 로드

Insert > Images 및 미디어를 사용하여 영상을 로드하면 다음과 같은 메시지가 표시됩니다.[[File:Name of file thumb Caption]]

갤러리에서 모든 괄호("[" 또는 "]")를 제거해야 합니다(캡션에 포함된 위키 링크 제외).또한 다음을 제거해야 합니다. thumb마지막으로 다음을 제거합니다.File:접두어다음과 같은 내용이 표시됩니다.Name of file Caption

이것은 갤러리에 허용됩니다.캡션을 포함하지 않으려면 제거 Caption.

구문

갤러리에는 몇 가지 "모드"가 있습니다.

기존:

"기존" 모드는 현재 기본값이므로 지정할 필요가 없습니다.기본 구문은 다음과 같습니다.

<갤러리> 디트로이트출판사 - 근위병의 요먼(N.B. 사실은 요먼워더), 완전복구.jpg 1 공식_program_-_Woman_suffrage_procession_March_3,_1913_-_crop.jpg 2 Thurston, 유명 마술사 - 동인도 로프 트릭.jpg 3 J.jpdan Joseph Keph Keppler - 해적 출판사 - Adamenoration - Curation - Adamdener.jpg 4 </cisco>

이는 다음을 제공합니다.

1
2
3
4

나중에 기본 갤러리 모드를 변경하면 이 스타일의 갤러리가 유지되도록 하려면 아래 예와 유사하게 "mode=extual"을 지정할 수 있습니다.

줄 없음:

"nolines" 모드 매개 변수를 지정하면 상자가 제거됩니다.이전과 동일한 구문을 사용하지만 대체<gallery>와 함께<gallery mode=nolines>다음을 확인:

1
2
3
4

포장:

변화하는<gallery>로.<gallery mode=packed>는 아래와 같이 각 이미지 주위에 약간에서 상당히 적은 공간(상대적인 너비 및 높이에 따라)으로 중앙 갤러리를 생성합니다.위 보기에서 더 작은 일부 이미지를 상대적으로 확대할 수 있습니다.

1
2
3
4

좁은 이미지 아래에 있는 긴 캡션의 경우 다음을 추가하는 것이 가장 좋습니다.heights=기본 작은 크기로 이미지를 다소 크게 만드는 매개 변수는 보기 흉한 이미지로 이어질 수 있습니다.아래를 참조하십시오.

패킹된 오버레이:이 기능은 다음과 같습니다.<gallery mode=packed-overlay>이미지 하단을 오버레이하는 캡션을 생성합니다.캡션은 짧게 하는 것이 가장 좋습니다.

1
2
3
4

포장-호버:

이 기능은 다음과 같습니다.<gallery mode=packed-hover>아래 이미지 위에 마우스를 올립니다.

캡션
때 나타나다
너
마우스로 보다

확장 구문

모드 외에 확장 구문은 다음과 같습니다(파라미터의 전체 목록은 갤러리 태그 도움말 및 이후 참조).

<wiki.png 캡션="샘플 갤러리" 너비="180m" 높이="120m"> Wiki.png 캡션 Wiki.png alt=위키백과 로고에 alt 텍스트 Wiki.png [도움말:내용/링크 링크]]를 캡션에 넣을 수 있습니다.이제 Wiki.png 전체 [MediaWiki]<br />[ 구문]을(를) 사용할 수 있습니다...</cisco>

다음을 생성하는 요소:

샘플 갤러리
캡션
Alt 텍스트로 캡션 표시
링크를 캡션에 넣을 수 있습니다.
전체 미디어위키
이제 구문을 사용할 수 있습니다...

그widths=그리고.perrow=packed, packed-packed 또는 packed-packed-packed 모드에서 파라미터는 아무것도 하지 않습니다.class="center"할 때 아무 것도 하지 않습니다.perrow=사용됩니다.

하지만, 그heights=매개 변수는 이러한 모드에서 매우 유용할 수 있습니다.이 매개 변수는 모든 이미지 섬네일을 렌더링하기 위한 초기 높이를 지정합니다. 필요한 경우 Javascript는 이미지 서버를 쿼리하여 100%(지정된 초기 높이)에서 약 125% 사이의 여러 축소판 미리 보기 크기를 조정합니다.이를 통해 크기 비율이 정확히 동일하지 않더라도 페이지를 채울 수 있는 보기 좋은 갤러리를 제공하며 좁은 모바일 및 대형 노트북/데스크톱/TV에 표시하고 다양한 용지 형식으로 인쇄할 수 있는 실제 영역을 사용할 수 있습니다.(또한 이 모드에서는 페이지 너비에 맞는 크기의 스크롤 가능한 컨테이너 내의 큰 컨테이너에 갤러리를 내장하여 수평으로 자동 스크롤 가능합니다.)

예를 들어, 다음과 같은 경우가 있습니다.

<packed mode="packed"> 디트로이트 출판사 - 근위병의 요먼(N.B. 사실은 요먼 워더), 완전 복구.jpg 빅토리아 시대의 [포토크롬] 공식_프로그램_-여성_서퍼레이지_행렬_3월 3일_1913__crop.jpg 1913년 워싱턴 D.에서 개최된 여성 참정권 공식 프로그램.유명한 마술사 서스턴 - 동인도 로프 트릭.jpg [하워드 서스턴] [인도 로프 트릭] 조셉 퍼디낸드 케플러 - 해적 출판사 - 퍽 매거진 - 복원 by 애덤 큐어든.jpg "해적 출판사", 잡지 ''[퍽 (잡지) 퍽]''의 저작권 침해 풍자.

제공:

빅토리아 시대 포토크롬의 요먼 워더.
워싱턴 D.C.에서 열린 1913년 여성 참정권 행렬의 공식 프로그램.
하워드 서스턴이 인도 로프 묘기를 부리고 있습니다.

보시다시피, 이미지의 좁은 부분이 캡션을 왜곡시킵니다.이 문제는 다음을 추가하여 쉽게 해결할 수 있습니다.heights=매개 변수입니다.

<combic mode=packed heights=200pc> 디트로이트 출판사 - 근위대의 요먼(N.B. 사실은 요먼 워더), 완전 복구.jpg 빅토리아 시대의 [포토크롬] 공식_프로그램_-_여성_서퍼레이지_행렬_3월 3일,_1913___crop.jpg 워싱턴 D.에서 개최된 여성 참정권 공식 프로그램.유명한 마술사 서스턴 - 동인도 로프 트릭.jpg [하워드 서스턴] [인도 로프 트릭] 조셉 퍼디낸드 케플러 - 해적 출판사 - 퍽 매거진 - 복원 by 애덤 큐어든.jpg "해적 출판사", 잡지 ''[퍽 (잡지) 퍽]''의 저작권 침해 풍자.

제공:

빅토리아 시대 포토크롬의 요먼 워더.
워싱턴 D.C.에서 열린 1913년 여성 참정권 행렬의 공식 프로그램.
하워드 서스턴이 인도 로프 묘기를 부리고 있습니다.

압축 모드를 사용할 때의 다른 권장 사항은 특히 좁은 이미지에 대한 캡션을 편리한 한 짧게 유지하는 것입니다.

캡션

기존 모드를 제외한 모든 모드의 경우 캡션이 중앙에 배치됩니다.캡션을 왼쪽 정렬하려면 CSS 선언을 지정합니다.text-align:left에서style=속성:

<filename mode=packed heights=150packed style="text-align:left"> 디트로이트 출판사 - 근위대의 요먼(사실은 요먼 수비수), 완전 복원.jpg A 요먼 수비수, 빅토리아 시대의 [포토크롬] 공식_프로그램________수파지_3, 19_13_crop.jpg 1913년에 개최된 여성 참정권 행렬의 공식 프로그램 워싱턴 D.C. 조셉 퍼디낸드 케플러 - 해적 출판사 - 퍽 매거진 - Restoration by Adam Cuerden.jpg 잡지 ''[Puck (잡지) Puck ]'''의 저작권 침해를 풍자한 "해적 출판사"

제공:

빅토리아 시대 포토크롬의 요먼 워더.
워싱턴 D.C.에서 열린 1913년 여성 참정권 행렬의 공식 프로그램.

다른 옵션이 효과적이지 않을 때 캡션을 중앙에 배치하려면 다음과 같은 방법을 사용하는 것이 가장 신뢰할 수 있습니다.

yourimage.jpg <div style="text-align: center;">yourcaption</div>

중심

갤러리 사용 중앙에 맞추기class="center":

<natures class="center"> 디트로이트 출판사 - 근위대의 요먼(N.B. 실제로는 요먼 수비대), 완전 복구.jpg 1 공식_program_-_Woman_suffrage_procession_March_3,_1913_-_crop.jpg 2 서스턴, 유명한 마술사 - 동인도 로프 트릭.jpg 3 Joseph Ferdinand Keppler - 해적 출판사 - Puck Magazine - Restore by Adam Cuerden.jpg 4 </cisco>

이는 다음을 제공합니다.

1
2
3
4

의 사용.perrow속성으로 인해 이 작업이 수행되지 않습니다.행당 특정 개수의 이미지를 원하는 경우 별도의 이미지를 사용합니다.<gallery>요소들.중앙 갤러리는 대부분의 변형 갤러리 모드에서 기본값입니다.

참고 항목

위키백과:이미지 사용 정책
위키백과:스타일/이미지 설명서
위키백과:스타일/접근성 설명서#이미지
위키백과:확장 이미지 구문
m:템플릿:갤러리 (백링크 편집)
추가 갤러리 옵션: 추가 CSS 갤러리 코드는 드롭다운 상자를 참조하십시오.
mw:도움말:이미지 #이미지 갤러리 렌더링

v t 위키백과 기술 도움말
찻집, 헬프 데스크, 마을 펌프(기술), 토크 페이지 또는 IRC에서 개인 기술 지원을 받으십시오.
일반 기술적 도움	브라우저 노트 캐시 무시 바로 가기 키 편집 문자 삽입 충돌 편집 편집 도구 모음 되돌리기 페이지 작성 방법 IRC 자습서 모바일 액세스 다국어 지원 페이지 내역 페이지 정보 페이지명 도와 주세요. 인쇄 소프트웨어 통지 공지사항 편집 특수 문자 들어가는 사용자 액세스 수준 비주얼 에디터 도와 주세요.
특수 페이지 관련	특수 페이지 도움말 필터 편집 사용자에게 이메일 보내기 로그인 암호 재설정 로그 페이지 이동 기록 병합 관리자가 아닌 페이지 및 관리자 전용 페이지 이동 알림/에코 FAQ 페이지 큐레이션 페이지 가져오기 보류 중인 변경 사항 임의 페이지 최근 변경사항 관련 변경사항 검색 중 링크 검색 태그 사용자 기여 감시 목록 여기에 연결되는 항목
위키텍스트	위키텍스트 치트시트 열 줄 바꿈 처리 목록 마법의 말 초보자용 조건식 스위치 파서 기능 시간 함수 리디렉션 섹션 및 TOC 테이블 소개 기본 사항 고급 테이블 형식 지정 접기 조건부 테이블 정렬 가능한 테이블 색상 사용
링크 및 디프	링크 인터랭귀지 인터위키 영구적인 디프스 가장 단순한 diff 가이드 간단한 diff 및 링크 가이드 전체 diff 및 링크 가이드 콜론 트릭 링크 색상 파이프 트릭 URL
미디어 파일: 이미지, 비디오와 소리	미디어 도움말 파일 생성 및 사용 Commons로 파일 이동 이미지들 이미지 소개 그림 자습서 업로드할 이미지 준비 이미지 업로드 중 이미지 숨기기 옵션 확장 이미지 구문 SVG 도움말 갤러리 태그 그래픽 튜토리얼 기본 비트맵 이미지 편집 이미지 품질을 향상시키는 방법 그래픽 연구소 리소스 사운드 파일 마크업 비주얼 파일 마크업
기타 그래픽	가계도 그래프 및 차트 작성 방법 막대 차트 차트의 척도를 조정하는 방법 수학 공식 수학 기호 악보 음악 기호 타임라인 이지 타임라인 구문 WikiHiero 구문
템플릿 및 루아 모듈	템플릿 고급 템플릿 코딩 템플릿 문서 템플릿 인덱스 템플릿 한계 템플릿 샌드박스 및 테스트 사례 인용문 템플릿 루아 헬프 루아 프로젝트 자원. 하기 위해서 치환 숙청 작업 대기열 트랜스클루전 레이블이 지정된 섹션 비용 및 이점 낙서 가이드
데이터 구조	네임스페이스 메인/기사 카테고리 초안 파일 파일 설명 페이지 도와 주세요. 포털 프로젝트/위키피디아 말해라. 보관 간단하죠. 템플릿 사용자 사용자 페이지 설계 미디어위키 버그 보고서 및 기능 요청 TimedMediaHandler 확장 모듈 스페셜
HTML 및 CSS	계단식 스타일 시트 HTML(위키텍스트) CSS 클래스 목록 common.js 및 common.css 단일 공간 코딩 글꼴에 대한 사용자 CSS 마이크로 형식의 클래스 마크업 유효성 검사 범위 태그 유용한 스타일
사용자 정의 및 도구	우선권 가젯 스킨스 인용 도구 반달리즘 도구 정리 감시 목록 사용자 정의 페이지 숨기기 IRC 스크립트 사용자 스크립트 안내 목록. 기술 사용자 스타일 도구들 대체 검색 브라우저 도구 편집 도구 탐색 바로 가기 최적 공구 세트 위키미디어 클라우드 서비스 미디어위키의 베타 기능
자동 편집	AfC 도우미 스크립트 안티밴달 오토위키 브라우저 봇 작성 중 역사 핫캣 허글 탐색 팝업 레드워너 반짝 자외선 WP 클리너 활발하지 않은 이글루 스티키
참고 항목: 카테고리:위키백과 사용법 범주:위키백과 정보 페이지 추가 탐색 위치: 도움말 페이지 관리자 접근성 계정 봇 참조 인용 메타데이터 템플릿 사용자 스크립트

Search