Отображение изображений на экране[]
В викитексте изображение выглядит в следующем формате: Файл:Image.jpg. В последней версии движка MediaWiki тег «Изображение» заменён на «Файл», но оба тега могут быть использованы. Аналогично в англоязычных вики используются теги «Image» и «File».
Простое изображение[]
При стандартной вставке изображения на страницу используется следующий код:
[[Файл:ИмяФайла.jpg|thumb|Описание]]
Изображение при этом форматируется по правому краю страницы, а текст обтекает его по рамке.
Настройки[]
Через вертикальную черту |
после имени файла вы можете добавлять следующие коды для настройки изображений:
- Внешний вид. Изображение можно добавить с рамкой оригинального размера, использовав
frame
. Если необходимо добавить миниатюру, используйтеframeless
(без рамки) иthumb
(с рамкой). Оба изображения будут выравнены по правому краю, если не указано другого. - Расположение на странице. Добавив
left
,center
илиright
, изображение будет отображаться слева/по центру/справа. - Размер изображения в пикселях. Например,
220px
покажет изображение размером в 220 пикселей в ширину, аx120px
покажет изображения в 120 пикселей в высоту. Размер не работает, когда есть кодframe
. - Ссылка позволит перейти на необходимую страницу, нажав на изображение. Для этого используйте тэг
link=
. - Класс позволит применить к изображению заданные css-стили, указать классы можно посредством кода
class=
, разделяя классы через пробел. - Описание. К изображению можно добавить описание, которое будет отображаться под изображением или при наведении курсора на изображение; работает только когда есть код
frame
илиthumb
.
Например:
[[Файл:Имя_Файла.jpg]] [[Файл:Имя_Файла.jpg|frame]] [[Файл:Имя_Файла.jpg|frame|Описание]] [[Файл:Имя_Файла.jpg|thumb|left]] [[Файл:Имя_Файла.jpg|thumb|60px|Описание]] [[Файл:Имя_Файла.jpg|frameless|60px]] [[Файл:Имя_Файла.jpg|thumb|60px|link=Страница]]
Примеры[]
Изображение желаемого размера в пикселях: | ||
Изображение-миниатюра в рамке, в том числе, и желаемого размера в пикселях: |
По умолчанию изображение форматируется по правому краю страницы. Чтобы изменить это, вставьте код «left» или «center»: | |
Добавление описания: |
Добавление классов: | |
Изображение-миниатюра в рамке, в том числе, и желаемого размера в пикселях: |
Чтобы описания не было вообще, а текст шёл строго после изображения, добавьте код «none» | |
Чтобы сделать ссылку на изображение и при этом не выводить само изображение на экран, используйте двоеточие перед тегом «Файл»: |
Чтобы сослаться на файл, вы также можете использовать тег «Media», причём без двоеточия: |
Размеры изображения[]
Движок MediaWiki имеет встроенное программное обеспечение, которое автоматически генерирует миниатюры изображений без потери качества картинки. Однако с помощью него нельзя создать изображение больше, чем оно есть на самом деле. Поэтому если вы задали размеры картинки больше, чем она есть, то качество масштабирования картинки на экране будет зависеть от настроек вашего браузера.
Изображение отдельно от текста[]
По умолчанию текст обтекает изображение вокруг его рамки. Чтобы «выделить» изображение из текста, необходимо добавить после ссылки на изображение код <br style="clear:left;" />
или использовать шаблоны {{clear}}
или {{clr}}
, если они есть на вашей вики.
В результате вы получите:
[[Файл:Example.jpg|thumb|left|Описание]] <br style="clear:left;" /> Текст................
Текст................
Изображения-ссылки[]
Чтобы изображение одновременно работало как ссылка, необходимо добавить тег link=
. Далее можно добавить ссылку на статью (без двойных квадратных скобок), другую вики, внешний сайт, категорию и др.
Например:
[[Файл:Image.png|link=Изображения]] [[Файл:Image.png|link=w:c:ru.avatar]] [[Файл:Image.png|link=http://www.xyz.com]] [[Файл:Image.png|link=Категория:Изображения]]
- Если оставить параметр
link=
пустым, картинка не будет ни на что ссылаться, и курсор перестанет реагировать при наведении мыши (по умолчанию будет ссылаться на свое местоположение):