Галерея отображает несколько изображений в виде массива или аналогичного макета.
Галереи могут отображать изображения, сформированные в строки и столбцы с помощью тега <gallery>...</gallery> парсера (преобразования викитекста в HTML). Имейте в виду, что разные размеры экрана и браузеры могут повлиять на доступность для некоторых читателей.
Атрибуты и значения идут после слова galleryи пробела, а также перед конечной угловой скобкой:<gallery attributes...>
mode=traditionalПо умолчанию, эффект описан нижеnolinesНикаких границ, меньше отступов, подписи по центру изображений.packedВсе изображения выровнены по высоте, выровнены по ширине, подписи расположены по центру под изображениями.packed-overlayВроде упаковано, но подпись накладывается на изображение в полупрозрачной рамке.packed-hoverКак упакованное наложение, но заголовок виден только при наведении курсора (корректно ухудшается в программах чтения с экрана и возвращается к упакованному наложению, если используется сенсорный экран)slideshowСлайд-шоуcaption=Добавляет общий заголовок над галереей; если несколько слов, заключите их в двойные кавычкиwidths=Ширина изображения в пикселях (не влияет, если выбран режим «Упаковано», «Упаковано-наложением», «Упаковано-наведением» или «Слайд-шоу»).heights=Высота изображения в пикселях (не влияет, если выбран режим слайд-шоу)perrow=Количество изображений в строке (не влияет, если выбран режим «Упаковано», «Упаковано-наложением», «Упаковано-наведением» или «Слайд-шоу»; см. примечания по использованию ниже ).showfilename=yesПоказывать каждое имя файла под соответствующим изображениемclass=Одно или несколько имен классов, разделенных пробелами и заключенных в двойные кавычки.style=Одно или несколько объявлений CSS, разделенных точкой с запятой и заключенных в двойные кавычки.perrowнастоятельно не рекомендуется, поскольку оно отменяет гибкое использование различных размеров дисплеев и соотношений сторон , от мобильных миниатюр до широких «киношных» экранов. Однако этот атрибут следует использовать, когда уместно фиксированное расположение сетки , например «до/после», «низкое/среднее/высокое» или другие систематические сравнения изображений.perrowэтот параметр опущен, ширина является гибкой: одна строка содержит столько изображений, сколько поместится на доступной ширине дисплея пользователя, автоматически переносясь на столько дополнительных строк, сколько необходимо.perrow теперь является рекомендуемым по умолчанию . До версии MediaWiki 1.17 значение по умолчанию было 4.<Gallery>...</Gallery>тега, не подчиняются предпочтениям пользователя при просмотре.packedрежим автоматически регулирует размеры изображения для оптимального использования доступного пространства дисплея.File:не нужен.</gallery>тег.При загрузке изображений с помощью меню «Вставка» > «Изображения и медиа» вы получите следующее:[[File:Name of file|thumb|Caption]]
В галерее необходимо удалить все скобки («[» или «]») (кроме вики-ссылок, встроенных в подписи ). Вы также должны удалить |thumb. Наконец, удалите File:префикс. У вас останется следующее:Name of file|Caption
Это приемлемо для галереи. Если вы не хотите включать подпись, удалите .|Caption
Есть несколько «режимов» галерей.
традиционный :
«Традиционный» режим в настоящее время используется по умолчанию, поэтому его не нужно указывать. Основной синтаксис:
<галерея> Detroit Publishing Co. - Йомен
из гвардии ( на самом деле йомен - надзиратель ) , полная реставрация.jpg | 1 Официальная_программа_-_Женская_избирательная_процессия_Марта_3,_1913_-_crop.jpg|2Терстон, знаменитый фокусник - Ост- Индский трюк с веревкой.jpg|3 Джозеф Фердинанд Кепплер — The Pirate Publisher — Puck Magazine — Реставрация Адама Куэрдена.jpg | 4 </gallery> Который дает:
Если вы хотите быть уверены, что при любых будущих изменениях режима галереи по умолчанию сохранится этот стиль галереи, вы можете указать «mode=traditional», как показано в примерах ниже.
нолины :
При указании параметра режима «nolines» поля убираются. Используя тот же синтаксис, что и раньше, но заменив <gallery>на, <gallery mode=nolines>получим:
упаковано :
При изменении <gallery>на <gallery mode=packed>создается галерея по центру , с небольшим или значительно меньшим пространством вокруг каждого изображения (в зависимости от его относительной ширины и высоты), как показано ниже. Это может относительно увеличить некоторые изображения, которые на приведенных выше изображениях были меньше.
Для длинных подписей под узкими изображениями, вероятно, лучше добавить heights=параметр, чтобы сделать изображения несколько больше, поскольку небольшой размер по умолчанию может привести к некрасивым изображениям. См. ниже.
Packed-overlay :используется<gallery mode=packed-overlay>для создания подписей, накладывающих нижнюю часть изображения. Подписи, вероятно, лучше делать короткими.
Упаковано-наведение :
Это использует <gallery mode=packed-hover>. Наведите указатель мыши на изображения ниже.
Помимо режима, расширенный синтаксис ( полный список параметров см. в справке по тегу галереи и далее):
,_full_restoration.jpg/1280px-Detroit_Publishing_Co._-_A_Yeoman_of_the_Guard_(N.B._actually_a_Yeoman_Warder),_full_restoration.jpg)
<gallery caption= "Пример галереи" widths= "180px" heights= "120px" > Wiki.png|С субтитрамиWiki.png|alt= Логотип Википедии |Подпись с замещающим текстомWiki.png|[[Help:Contents/Links|Links]] можно помещать в подписи .Wiki.png| Теперь можно использовать полную версию [[MediaWiki]] <br /> [[синтаксис]] ... </gallery> Что производит:
Параметры widths=and perrow=ничего не делают в режимах «packed», «packed-overlay» или «packed-hover» и class="center"ничего не делают, когда perrow=они используются.
Однако heights=в этих режимах параметр может быть чрезвычайно полезен. Этот параметр определяет начальную высоту для визуализации каждой миниатюры изображения до того, как изображения будут возможно масштабированы (сохраняя соотношение размеров) с помощью JavaScript для заполнения строк; при необходимости Javascript запросит у сервера изображений миниатюры с измененным размером для нескольких масштабов от 100% (указанная начальная высота) до примерно 125%. Это дает красивые галереи, которые могут заполнять страницы, даже если их соотношение размеров не совсем одинаково, и позволяет использовать фактическую область, доступную для отображения на узком мобильном телефоне и большом ноутбуке/компьютере/телевизоре, а также для печати на различных форматах бумаги. (Этот режим также позволяет автоматически прокручивать галереи по горизонтали, встраивая их в большой контейнер внутри прокручиваемого контейнера, размер которого соответствует ширине страницы).
Например, возьмем следующее:
<gallery mode= "packed" >
Detroit Publishing Co. - Йомен- страж ( на самом деле йомен - надзиратель ), полная реставрация.jpg| Йомен- надзиратель из викторианской эпохи [ [ photochrom]] Official_program_-_Woman_suffrage_procession_March_3,_1913_-_crop.jpg| Официальная программа Шествия за избирательное право женщин 1913 года , проходившего в Вашингтоне, округ Колумбия Терстон, знаменитый фокусник - Восточно -индийский трюк с веревкой.jpg|[[Говард Терстон]] выполняет [ [ Индийский трюк с веревкой ]] Джозеф Фердинанд Кепплер - Пиратский издатель - Журнал Puck - Реставрация Адама Куэрдена.jpg| « Пиратский издатель», сатира на нарушение авторских прав из журнала ' ' [ [Puck ( журнал)|Puck]]'' . </галерея> дает:
Как видите, узость изображения искажает подпись. Это можно легко исправить, добавив heights=параметр как таковой.
< режим галереи= упакованная высота= 200 пикселей > Detroit Publishing Co. — Йомен - страж (на самом деле йомен - надзиратель ), полная реставрация.jpg| Йомен- надзиратель из викторианской эпохи [ [ photochrom]] Official_program_-_Woman_suffrage_procession_March_3,_1913_-_crop.jpg| Официальная программа Шествия за избирательное право женщин 1913 года , проходившего в Вашингтоне, округ Колумбия Терстон, знаменитый фокусник - Восточно -индийский трюк с веревкой.jpg|[[Говард Терстон]] выполняет [ [ Индийский трюк с веревкой ]] Джозеф Фердинанд Кепплер - Пиратский издатель - Журнал Puck - Реставрация Адама Куэрдена.jpg| « Пиратский издатель», сатира на нарушение авторских прав из журнала ' ' [ [Puck ( журнал)|Puck]]'' . </галерея> дает:
Другой совет по использованию упакованного режима — делать подписи для особенно узких изображений настолько короткими, насколько это удобно.
Во всех режимах, кроме традиционного, подписи центрируются. Чтобы выровнять подписи по левому краю, укажите text-align:leftв style=атрибуте декларацию CSS:
<gallery mode= package heights= 150px style= "text-align:left" > Detroit
Publishing Co. — Йомен - гвардеец ( на самом деле йомен - надзиратель ), полная реставрация.jpg| Йомен- надзиратель из викторианской эпохи [[фотохром]] Official_program_-_Woman_suffrage_procession_March_3,_1913_-_crop.jpg| Официальная программа Шествия за избирательное право женщин 1913 года , проходившего в Вашингтоне, округ Колумбия Джозеф Фердинанд Кепплер - Пиратский издатель - Журнал Puck - Реставрация Адама Куэрдена.jpg| « Пиратский издатель», сатира на нарушение авторских прав из журнала ' ' [ [Puck ( журнал)|Puck]]'' . </галерея> дает:
Чтобы центрировать подпись, когда другие варианты неэффективны, возможно, наиболее надежной альтернативой будет использование:
yourimage.jpg | <div style="text-align: center;">yourcaption</div>
Чтобы центрировать галерею, используйте class="center":
< класс галереи = "центр" > Detroit Publishing Co. — Йомен из гвардии (на самом деле йомен-надзиратель), полная реставрация.jpg|1Официальная_программа_-_Женская_избирательная_процессия_Марта_3,_1913_-_crop.jpg|2Терстон, знаменитый фокусник - Ост-Индский трюк с веревкой.jpg|3Джозеф Фердинанд Кепплер — The Pirate Publisher — Puck Magazine — Реставрация Адама Куэрдена.jpg|4</ галерея >Который дает:
Использование атрибута perrowприведет к тому, что это не сработает. Если требуется определенное количество изображений в строке, используйте отдельные <gallery>элементы. Центрированные галереи используются по умолчанию для большинства вариантов режимов галереи.
