WikiDer > Справка: Тег галереи - Википедия

Help:Gallery tag - Wikipedia
Шаблон галереи с адаптацией к содержимому см. Шаблон: Галерея.
Политику использования изображений Википедии для галерей см. Википедия: Политика использования изображений § Галереи изображений.

Галерея отображает несколько изображений в виде массива или аналогичного макета.

Галереи могут отображать изображения, сформированные в строки и столбцы, с помощью <gallery>...</gallery> парсер (преобразование Wikitext в HTML) тег. Имейте в виду, что разные размеры экрана и браузеры могут повлиять на доступность некоторых читателей.

Атрибуты и ценности

  • режим =
    • традиционный По умолчанию, эффект объяснен ниже
    • Nolines Без границ, меньше отступов, подписи по центру изображений
    • упакованный Все изображения выровнены по высоте, выравниваются по ширине, подписи расположены по центру под изображениями.
    • упакованный оверлей Как упаковано, но подпись накладывается на изображение в полупрозрачной рамке
    • упакованный парящий Подобно упакованному наложению, но заголовок виден только при наведении курсора (постепенно ухудшается в программах чтения с экрана и возвращается к упакованному наложению, если используется сенсорный экран)
    • слайдшоу Слайд-шоу
  • caption = Добавляет общий заголовок над галереей
  • ширина = Ширина изображения в пикселях (не влияет, если установлен режим «Упаковано», «Упаковано с наложением», «Упаковано с наложением» или «Слайд-шоу»)
  • высота = Высота изображения в пикселях (не влияет, если установлен режим слайд-шоу)
  • перроу = Количество изображений в строке (не влияет, если установлен режим «Упаковано», «Упаковано с наложением», «Упаковано с наложением» или «слайд-шоу» См. Примечания по использованию ниже)
  • showfilename = да Показать каждое имя файла под соответствующим изображением
  • class = Одно или несколько имен классов, разделенных пробелами и заключенных в двойные кавычки
  • style = Одно или несколько объявлений CSS, разделенных точкой с запятой и заключенных в двойные кавычки.

Примечания по использованию

c
п
123456789101112
1011111111111
2002222222222
3010333333333
4001044444444
5012105555555
6000210666666
7011321077777
8002032108888
9010143210999
1000120432101010
110123154321011
12000020543210
13011131654321
14002242065432
15010303176543
16001014207654
17012125318765
18000230420876
19011341531987
20002002642098
Зеленый: идеально, Желтый: заполнен до половины, Красный: сиротский

Количество изображений в последней строке галереи
со столбцами c (зависит от браузера)
и p изображений (редактор может управлять)

т.е. хорошее количество изображений для галереи:
1, 2, 3, 4, 6, 8, 12, 14, 18, 20, ...
  • Неизбирательное использование перроу настоятельно не рекомендуется, поскольку он отменяет гибкое использование различных размеров дисплея и соотношение сторон, начиная от мобильной миниатюры и заканчивая широкими «киноэкранами». Однако атрибут должен использоваться, когда фиксированная сетка уместно, например, «до / после», «низкий / средний / высокий» или другие систематические сравнения изображений.
  • Если перроу опускается, ширина является изменчивой: одна строка содержит столько изображений, сколько умещается по доступной ширине экрана пользователя, автоматически переносится на столько дополнительных строк, сколько необходимо.
  • Опуская перроу теперь рекомендуется по умолчанию. До MediaWiki 1.17, значение по умолчанию - 4.
  • Ширина и высота по умолчанию в настоящее время 120 пикселей. Изображения, отображаемые <Gallery>...</Gallery> не подчиняются предпочтениям пользователя при просмотре.
  • В упакованный режим автоматически регулирует размеры изображения для оптимального использования доступного пространства дисплея.
  • Каждая строка определяет файл изображения. В Файл: префикс не является обязательным. Однако полезно включить его в качестве вспомогательного средства для быстрого поиска спецификаторов изображений в вики-тексте (например, при очистке макета страницы).
  • Параметр «thumb» недействителен и не может использоваться.
  • Титры являются необязательными и отделяются от имени файла знаком вертикальная полоса ("|").
  • Скобки ("[" или "]") не должны быть включены, за исключением Wikilinks. встроено в подписи.
  • Распространенная ошибка - забыть закрытие </gallery> тег.
  • При использовании обратите внимание, что многие параметры, особенно относящиеся к внешнему виду, могут не применяться или работать должным образом с определенными скинами (особенно с кожей Minerva, используемой мобильным сайтом).

Синтаксис

Есть несколько «режимов» галерей.

традиционный:

«Традиционный» режим в настоящее время используется по умолчанию, и поэтому указывать его не нужно. Базовый синтаксис:

<gallery>Файл: Detroit Publishing Co. - Йомен стражи (на самом деле Йомен-надзиратель), full recovery.jpg | 1 Файл: Official_program _-_ Woman_suffrage_procession_March_3, _1913 _-_ crop.jpg | 2 Файл: Терстон, знаменитый маг - Восточно-индийский трюк с веревкой. jpg | 3 Файл: Джозеф Фердинанд Кепплер - Издатель пиратов - Журнал Puck - Реставрация Адама Куэрдена.jpg | 4</gallery>

Который дает:

  • 1

  • 2

  • 3

  • 4

Если вы хотите убедиться, что любые будущие изменения в режиме галереи по умолчанию сохранят этот стиль галереи, вы можете указать «режим = традиционный», как в примерах ниже.

Nolines:

При указании параметра режима «nolines» поля снимаются. Используя тот же синтаксис, что и раньше, но заменив <gallery> с <gallery mode=nolines> мы получили:

  • 1

  • 2

  • 3

  • 4

упакованный:

Изменение <gallery> к <gallery mode=packed> производит по центру галерея, с небольшим или значительно меньшим пространством вокруг каждого изображения (в зависимости от его относительной ширины и высоты), как показано ниже. Это может относительно увеличить некоторые изображения, которые были меньше в приведенных выше видах.

  • 1

  • 2

  • 3

  • 4

Для длинных подписей под узкими изображениями, вероятно, лучше добавить высота = параметр, чтобы сделать изображения несколько больше, поскольку по умолчанию маленький размер может привести к некрасивым изображениям. Смотри ниже.

Упакованный оверлей:Это использует <gallery mode=packed-overlay> для создания подписей, перекрывающих нижнюю часть изображения. Подписи, вероятно, лучше делать короткими.

  • 1

  • 2

  • 3

  • 4

Упаковано-парение:

Это использует <gallery mode=packed-hover>. Парение наведите указатель мыши на изображения ниже. ПРИМЕЧАНИЕ. По умолчанию используется упакованный оверлей на мобильном сайте.

  • Подписи

  • появляются когда

  • ты

  • мышь над


Расширенный синтаксис

Помимо режима, расширенный синтаксис (см. справка по тегу галереи и далее полный список параметров):

<галерея caption =«Образец галереи» ширина ="180 пикселей" высота =«120 пикселей» >Файл: Wiki.png Файл: Wiki.png | CaptionedFile: Wiki.png | Подписан с помощью alt-текста | alt = Файл логотипа Википедии: Wiki.png | [[Помощь: Содержание / Ссылки | Ссылки]] могут быть помещены в подписи. Файл: Wiki.png | Полный [[MediaWiki]]<br/>[[синтаксис]] теперь можно использовать ...</gallery>

Что производит:

  • Галерея образцов
  • Wiki.png

  • С субтитрами

  • Логотип Википедии

    Подписано с замещающим текстом

  • Ссылки можно ставить в подписи.

  • Полный MediaWiki
    синтаксис теперь можно использовать ...

В ширина = и перроу = параметры ничего не делают в режимах упаковки, наложения с упаковкой или наведения курсора.

Тем не менее высота = Параметр может быть чрезвычайно полезен в этих режимах. Этот параметр указывает исходный высота для рендеринга каждой миниатюры изображения, прежде чем изображения возможно увеличены (с сохранением соотношения размеров) с помощью JavaScript для заполнения строк; при необходимости Javascript будет запрашивать сервер изображений для получения уменьшенных миниатюр для нескольких масштабов от 100% (указанная начальная высота) до примерно 125%. Это дает красивые галереи, которые могут заполнять страницы, даже если соотношение их размеров не совсем одинаковое, и позволяет использовать фактическую область, доступную для отображения на узких мобильных и больших ноутбуках / настольных компьютерах / телевизорах, а также для печати на различных форматах бумаги. (Этот режим также позволяет автоматически прокручивать по горизонтали галереи, встраивая их в большой контейнер внутри прокручиваемого контейнера, размер которого соответствует ширине страницы).

Например, возьмем следующее:

<галерея режим =упакованный>Файл: Detroit Publishing Co. - Йомен из стражи (на самом деле йомен-надзиратель), full recovery.jpg | Йомен-надзиратель из викторианской эпохи [[фотохром]] Файл: Официальная_программа _-_ Woman_suffrage_procession_March_3, _1913 _-_ crop.jpg | Официальная программа женского шествия 1913 года в Вашингтоне, округ Колумбия Файл: Терстон, знаменитый фокусник - Восточно-Индийский трюк с веревкой.jpg | [[Говард Терстон]] выполняет [[Индийский трюк с веревкой]] Файл: Джозеф Фердинанд Кепплер - Пиратский издатель - Puck Magazine - Реставрация Адама Куердена.jpg | "Пиратский издатель", сатира на нарушение авторских прав из журнала '' [[Puck (журнал) | Puck]] ''.</gallery>

дает:

  • Йомен-надзиратель из викторианской эпохи фотохром

  • Официальная программа избирательного шествия женщин 1913 года, проходившего в Вашингтоне, округ Колумбия.

  • "Пиратский издатель", сатира на нарушение авторских прав от журнала Шайба.

Как видите, узость изображения искажает подпись. Это легко исправить, добавив высота = параметр как таковой.

<галерея режим =упакованный высота =200 пикселей>Файл: Detroit Publishing Co. - Йомен из стражи (на самом деле йомен-надзиратель), full recovery.jpg | Йомен-надзиратель из викторианской эпохи [[фотохром]] Файл: Официальная_программа _-_ Woman_suffrage_procession_March_3, _1913 _-_ crop.jpg | Официальная программа женского шествия 1913 года в Вашингтоне, округ Колумбия Файл: Терстон, знаменитый фокусник - Восточно-Индийский трюк с веревкой.jpg | [[Говард Терстон]] выполняет [[Индийский трюк с веревкой]] Файл: Джозеф Фердинанд Кепплер - Пиратский издатель - Puck Magazine - Реставрация Адама Куердена.jpg | "Пиратский издатель", сатира на нарушение авторских прав из журнала '' [[Puck (журнал) | Puck]] ''.</gallery>

дает:

  • Йомен-надзиратель из викторианской эпохи фотохром

  • Официальная программа избирательного шествия женщин 1913 года, проходившего в Вашингтоне, округ Колумбия.

  • "Пиратский издатель", сатира на нарушение авторских прав от журнала Шайба.

Другой совет по использованию упакованного режима - делать подписи для особенно узких изображений как можно более короткими.

Титры

Для всех режимов, кроме традиционного, подписи располагаются по центру. Чтобы выровнять заголовки по левому краю, укажите объявление CSS выравнивание текста: слева в style = атрибут:

<галерея режим =упакованный высота =150 пикселей style ="выравнивание текста: слева">Файл: Detroit Publishing Co. - Йомен из стражи (на самом деле йомен-надзиратель), full recovery.jpg | Йомен-надзиратель из викторианской эпохи [[фотохром]] Файл: Официальная_программа _-_ Woman_suffrage_procession_March_3, _1913 _-_ crop.jpg | Официальная программа избирательного шествия женщин 1913 года, состоявшегося в Вашингтоне, округ Колумбия. Файл: Джозеф Фердинанд Кепплер - Пиратский издатель - Puck Magazine - Реставрация Адама Куердена.jpg | "Пиратский издатель", сатира на нарушение авторских прав из журнала ' '[[Puck (журнал) | Puck]]' '.</gallery>

дает:

  • Йомен-надзиратель из викторианской эпохи фотохром

  • Официальная программа избирательного шествия женщин 1913 года, проходившего в Вашингтоне, округ Колумбия.

  • "Пиратский издатель", сатира на нарушение авторских прав от журнала Шайба.

Чтобы центрировать заголовок, когда другие параметры неэффективны, возможно, наиболее надежной альтернативой является использование:

yourimage.jpg |

yourcaption

Центр

Чтобы центрировать галерею, используйте class = "center":

<gallery class="center">File:Detroit Publishing Co. - A Yeoman of the Guard (N.B. actually a Yeoman Warder), full restoration.jpg|1File:Official_program_-_Woman_suffrage_procession_March_3,_1913_-_crop.jpg|2File:Thurston, the famous magician - East Indian Rope Trick.jpg|3File:Joseph Ferdinand Keppler - The Pirate Publisher - Puck Magazine - Restoration by Adam Cuerden.jpg|4</gallery>

Который дает:

  • 1

  • 2

  • 3

  • 4

Использование перроу атрибут приведет к тому, что это не будет работать. Если требуется определенное количество изображений в строке, используйте отдельные <gallery> элементы. Центрированные галереи используются по умолчанию для большинства различных режимов галереи.

Смотрите также