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

Help

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

갤러리는 다음을 사용하여 행과 열로 구성된 이미지를 표시할 수 있습니다.<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 1 1 1 1 1 1 1 1 1 1
2 0 0 2 2 2 2 2 2 2 2 2 2
3 0 1 0 3 3 3 3 3 3 3 3 3
4 0 0 1 0 4 4 4 4 4 4 4 4
5 0 1 2 1 0 5 5 5 5 5 5 5
6 0 0 0 2 1 0 6 6 6 6 6 6
7 0 1 1 3 2 1 0 7 7 7 7 7
8 0 0 2 0 3 2 1 0 8 8 8 8
9 0 1 0 1 4 3 2 1 0 9 9 9
10 0 0 1 2 0 4 3 2 1 0 10 10
11 0 1 2 3 1 5 4 3 2 1 0 11
12 0 0 0 0 2 0 5 4 3 2 1 0
13 0 1 1 1 3 1 6 5 4 3 2 1
14 0 0 2 2 4 2 0 6 5 4 3 2
15 0 1 0 3 0 3 1 7 6 5 4 3
16 0 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 0 0 2 3 0 4 2 0 8 7 6
19 0 1 1 3 4 1 5 3 1 9 8 7
20 0 0 2 0 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>

이는 다음을 제공합니다.

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

없음:

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

포장:

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

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

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

포장-호버:

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

확장 구문

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

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

다음을 생성하는 요소:

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 "해적 출판사", 잡지 ''[퍽 (잡지) 퍽]''의 저작권 침해 풍자.

제공:

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

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

제공:

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

캡션

기존 모드를 제외한 모든 모드의 경우 캡션이 중앙에 배치됩니다.캡션을 왼쪽 정렬하려면 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 ]'''의 저작권 침해를 풍자한 "해적 출판사"

제공:

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

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>

이는 다음을 제공합니다.

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

참고 항목