Довідка:Тег Gallery

Матеріал з Вікіпедії — вільної енциклопедії.
Перейти до: навігація, пошук

Тег <gallery> використовується для створення галерей зображень, або інших медіафайлів (аудіо і відео). Підтримується починаючи з версії MediaWiki 1.4. Певним недоліком тегу є неможливість підтримки альтернативного тексту, необхідного для осіб з порушеним зором. Для створення галереї з альтернативним текстом слід використовувати шаблон {{Gallery}}.

Тег дозволяє розміщувати ілюстративний ряд матеріалів (медіафайлів) в один, або більше рядків, настільки багато, наскільки це буде можливо. Зображення в одному рядку будуть групуватись автоматично, в залежності від розмірів екрану на який вони виводяться.

Синтаксис[ред.ред. код]

Кожний файл галереї повинен бути записаний з окремого рядка. Підписи до файлів і назви файлів розділяються вертикальною рискою |. Спочатку йде назва файлу, потім підпис до нього.

<gallery>
Rotkehlchen gr.jpg|Малинівка
Gaense2004.jpg|Гуска
</gallery>

У розширеному синтаксисі коду тега <gallery> використовуються наступні параметри:

  • mode= типовий вигляд галереї
  • caption= заголовок галереї
  • widths= вказує ширину малюнків (за замовчуванням 120px)
  • heights= вказує висоту малюнків
  • perrow= вказує максимальну кількість зображень у рядку (якщо опущено — підбирається автоматично в залежності від розміру зображень)
  • showfilename=yes показує під малюнками оригінальні назви файлів
  • class="" один, або більше класів, розділених проміжком і в подвійних лапках
  • style="" один, або більше стилів CSS розділених крапкою з комою і в подвійних лапках

Тип[ред.ред. код]

  • mode=traditional за замовчуванням
  • mode=nolines менша рамка, без ліній
  • mode=packed усі зображення мають однакову висоту і підігнані поруч
  • mode=packed-overlay як попереднє, але підпис накладається на нижню частину зображення
  • mode=packed-hover як попереднє, але підпис видимий лише при наведенні курсору (при використанні тач-скріну поводиться як packed-overlay)
  • mode=slideshow слайд-шоу

Traditional[ред.ред. код]

Вигляд за замовчуванням.

<gallery mode=traditional>
Rotkehlchen gr.jpg|Малинівка
Gaense2004.jpg|Гуска
Waran.jpg|Комодський варан
Cat outside.jpg|Кіт
Baby turtle.jpg|Черепаха
</gallery>

Nolines[ред.ред. код]

Вигляд з меншою рамкою, без ліній. Ширина галереї буде значно менша, зображення вирівняні за верхнім краєм. У нижній частині можуть з’явитись непривабливі прогалини при використанні зображень з різною висотою.

<gallery mode=nolines>
Rotkehlchen gr.jpg|Малинівка
Gaense2004.jpg|Гуска
Waran.jpg|Комодський варан
Cat outside.jpg|Кіт
Baby turtle.jpg|Черепаха
</gallery>

Packed[ред.ред. код]

Усі зображення мають однакову висоту (зображення вирівнюються за висотою найвищого файлу) і підігнані поруч. Файли галереї і підписи до них динамічно центруються й максимально можливо заповнюють рядок в статті (залежить від розмірів екрану). Може дати несподівані результати при певних зазначеннях параметрів heights= і perrow=.

<gallery mode=packed>
Rotkehlchen gr.jpg|Малинівка
Gaense2004.jpg|Гуска
Waran.jpg|Комодський варан
Cat outside.jpg|Кіт
Baby turtle.jpg|Черепаха
</gallery>

Packed-overlay[ред.ред. код]

Теж саме що й mode=packed, усі зображення мають однакову висоту і підігнані поруч, але підпис накладається на нижню частину зображення. Може дати несподівані результати при при певних зазначеннях параметрів heights= і perrow=.

<gallery mode=packed-overlay>
Rotkehlchen gr.jpg|Малинівка
Gaense2004.jpg|Гуска
Waran.jpg|Комодський варан
Cat outside.jpg|Кіт
Baby turtle.jpg|Черепаха
</gallery>

Packed-hover[ред.ред. код]

Теж саме що й mode=packed, усі зображення мають однакову висоту і підігнані поруч, але підпис видимий лише при наведенні курсору (при використанні тач-скріну поводиться як mode=packed-overlay). Підписи можуть не відображатись якщо JavaScript вимкнено. Може дати несподівані результати при певних зазначеннях параметрів heights= і perrow=.

<gallery mode=packed-hover>
Rotkehlchen gr.jpg|Малинівка
Gaense2004.jpg|Гуска
Waran.jpg|Комодський варан
Cat outside.jpg|Кіт
Baby turtle.jpg|Черепаха
</gallery>

Slideshow[ред.ред. код]

Формат прокрутки файлів в єдиному умовному віконці. У цьому режимі не підтримуються параметри widths= і heights=, файли займають максимально можливий вільний простір, тому важливо задати параметри максимального розміру через параметр стилю власноруч. За натискання на значок галереї усі файли з неї розгорнуться нижче.

<div style="max-height:250px"><gallery mode=slideshow>
Rotkehlchen gr.jpg|Малинівка
Gaense2004.jpg|Гуска
Waran.jpg|Комодський варан
Cat outside.jpg|Кіт
Baby turtle.jpg|Черепаха
</gallery></div>

Заголовок[ред.ред. код]

Класи[ред.ред. код]

  • class="float-right" вирівнювання галереї праворуч від тексту
  • class="float-left" вирівнювання галереї ліворуч від тексту