Ганджавики:Иллюстрирование

Справка • Викификатор • Таблицы • Изображения • Ссылки

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

Загрузка изображения

Для того, чтобы в статье появилось изображение необходимо следующее:

воспользоваться викификатором, кликнув иконку
появится текст Изображение:Example.jpg, переименовываем название файла в необходимый нам Изображение:primer.jpg, сохраняем изменения в статье (окно редактирования закроется)
кликаете текст правой кнопкой мыши Файл:Primer.jpg, выбираем «Открыть в новой вкладке». Откроется форма загрузки изображения
выбираете на локальном диске файл primer.jpg, кликаем кнопку «загрузить файл», после загрузки закрываем вкладку
возвращаемся к основной вкладке, обновляете страницу (F5), после чего отобразится загруженное изображение

Замещающий текст

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

[[Изображение:nokia6110.jpg|Замещающий текст для изображений]]

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

Пояснительная подпись

Чтобы сделать поясняющую подпись, используется атрибут «frame»:

Файл:Nokia6110.jpg

Пояснительная подпись

[[Изображение:nokia6110.jpg|frame|Пояснительная подпись]]

Он заключает изображение в рамку и смещает изображение вправо.

Расположение на странице

Справа

Кроме рассмотренных выше атрибутов «frame», прижать изображение вправо можно атрибутом «right» («справа»).

Пояснительная подпись

[[Изображение:nokia6110.jpg|right]]

В отличие от изображения с атрибутом «frame», в данном случае изображение не оказывается заключённым в рамку, и замещающий текст не указывается в видимой подписи. Однако он всё равно используется в качестве всплывающей подсказки (после наведения курсора мыши на изображение), а также показывается вместо картинки для тех читателей, которые отключили отображение изображений в своём браузере. Поэтому рекомендуется указывать замещающий текст после атрибута «right», за вертикальной чёрточкой. Пример:

[[Изображение:nokia6110.jpg|right|Пояснительная подпись]]

Слева

Пояснительная подпись

Чтобы прижать изображение к левому краю страницы, используйте атрибут «left» («слева»).

[[Изображение:nokia6110.jpg|left]]

Это работает в том числе и для изображений с атрибутом «frame». Пример:

[[Изображение:nokia6110.jpg|left|Пояснительная подпись]]

В центре

Используется атрибут «center» (центр):

[[Изображение:nokia6110.jpg|left|Пояснительная подпись]]

Пояснительная подпись

Текст, следующий за таким изображением, не обтекает его ни с одной из сторон, а начинается ниже нижнего края изображения.

Галереи

Для вставки нескольких изображений в статью, применяется специальный служебный тег <gallery>, который группирует изображения в галерею.

<gallery>
Изображение:Egg1_b.jpg
Изображение:Egg2_b.jpg|Подпись
Изображение:Egg3_b.jpg|Подпись со [[Пасхальные яйца|ссылкой]]
</gallery>

Подпись
Подпись со ссылкой

Пример более насыщенного синтаксиса.

<gallery> caption="Можно добавлять заголовки"
Также можно вставлять текст,
но если в тексте будет [[ссылка]], строка игнорируется
Изображение:Egg1_b.jpg|Пасхальное яйцо
Изображение:panda1_b.jpg|Плюшевая панда
Изображение:8m_buket1_b.jpg|Праздничный букет
</gallery>

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

Форматирование галерей

Есть следующие параметры, регулирующие форматирование галереи:

perrow — количество элементов в строке
widths — размер (каждой) картинки по горизонтали
heights — размер (каждой) картинки по вертикали

Примеры:

 <gallery perrow=2 widths="200px" heights="200px">
 Изображение:budenovka_b.jpg
 Изображение:sablya_b.jpg
 Изображение:baraban_b.jpg
 Изображение:loshadka_b.jpg
 </gallery>

Примеры:

 <gallery perrow=4 widths="100px" heights="100px">
 Изображение:budenovka_b.jpg
 Изображение:sablya_b.jpg
 Изображение:baraban_b.jpg
 Изображение:loshadka_b.jpg
 </gallery>