ФЭНДОМ


Галерею, слайдшоу и слайдер можно создать с помощью викитекста, а не только в Визуальном редакторе. При редактировании в режиме Исходного кода различные параметры галереи, слайдшоу и слайдера прописываются вручную.

Галереи

Галереи — это собрания миниатюр изображений, которые можно разместить на странице.

Базовый код

Для создания простой галереи используется следующий код:

<gallery>
Изображение1.jpg
Изображение2.jpg
Изображение3.jpg
</gallery>

При этом галерея будет иметь стандартный вид:

Галерея с описанием изображений

Для изображения внутри галереи можно добавить текст (описание), который будет находиться под изображением, и ссылку. Во втором случае пользователь, кликнув по изображению, перейдёт на соответствующую страницу вики.

<gallery navigation="true">
Изображение1.jpg|Описание
Изображение2.jpg|'''[[Справка:Содержание]]'''
Изображение3.jpg|link=Справка:Содержание|Эта картинка ведёт на страницу вики
</gallery>

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

Результат:

Параметры галереи

Описание Варианты викитекста По умолчанию
Макет
Ширина изображений (макс.) widths=[number of pixels] 200px
Количество колонок columns=[number of columns] or perrow=[number of columns] По размеру страницы
Форматирование position=[left/center/right] Слева
Расстояние между изображениями spacing=[small/med/large] Med
Ориентация изображений orientation=[none/landscape/portrait/square] None
Подписи
Позиция captionposition=[within/below] Below
Форматирование captionalign=[left/center/right] Left
Цвет captiontextcolor=[код цвета] Как текст в статье
Рамки
Толщина bordersize=[none/small/med/large] Small
Цвет bordercolor=[код цвета] Как цвет темы вики
Другое
Кнопка «Добавить фото» hideaddbutton=true Присутствует
Описание галереи caption=[text displayed] Отсутствует

Обратите внимание, что все эти параметры не работают для новых галерей.

Галерея внутри шаблона

Для использования галерей внутри шаблонов, например классических инфобоксов, используйте тег gallery. Пример:

{{#tag:gallery|
{{{1|}}}
{{{2|}}}
{{{3|}}}
|hideaddbutton="true"
|crop="true"
}}

Слайдшоу

Слайдшоу — это модуль с изображениями, где каждое изображение автоматически прокручивается каждые несколько секунд.

  • Котята
  • Щенки
  • Обезьянки
  • Жирафы

Базовый код

Для создания простого слайдшоу используется следующий код:

<gallery type="slideshow">
Изображение1.jpg
Изображение2.jpg
Изображение3.jpg
</gallery>

При этом слайдшоу будет отображаться справа и иметь стандартный вид.

Слайдшоу с описанием изображений

Как и в случае галереи, к изображениям внутри слайдшоу можно добавить описание или поставить внутреннюю ссылку, чтобы, пользователь мог попасть на одну из страниц вики, кликнув по изображению. Пример:

<gallery type="slideshow" navigation="true">
Изображение1.jpg|Описание
Изображение2.jpg|'''[[Справка:Содержание]]'''
Изображение3.jpg|link=Справка:Содержание|Эта картинка ведёт на страницу вики
</gallery>

Параметры слайдшоу

Описание Варианты викитекста По умолчанию
Макет
Ширина изображений (макс.) widths=[number of pixels] 300px
Обрезка изображений crop=[true] False
Показать в слайдшоу
последние изображения,
загруженные на вики
showrecentuploads=[true] False
Форматирование position=[left/center/right] Справа
Другое
Кнопка «Добавить фото» hideaddbutton=true Присутствует
Описание галереи caption=[text displayed] Отсутствует

Слайдер

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


Код слайдера

Обычно слайдер помещают на Заглавную страницу вики. Он имеет стандартные размеры: 670х360рх. Чтобы изображения занимали весь слайдер, они должны быть такого же размера. Слайдер может содержать не более 4 изображений.

Пример:

<gallery type="slider">
Изображение1.jpg
Изображение2.jpg|Цветок
Изображение3.jpg|linktext=Красивый цветок|Цветок
Изображение4.jpg|link=Справка:Содержание|linktext=Красивый цветок|Цветок
</gallery>

В первой строке указано просто изображение, во второй присутствует заголовок для изображения (крупным шрифтом), в третьей помимо заголовка на изображении будет присутствовать текст обычным шрифтом, а в четвёртой к изображению будет добавлена ссылка в виде кнопки «Читать подробнее».

Результат:


Параметры слайдера

Описание Варианты викитекста По умолчанию
Форматирование position=[left/right] Слева
Материалы сообщества доступны в соответствии с условиями лицензии CC-BY-SA , если не указано иное.