Вики Сообщества
Advertisement
Вики Сообщества

Отображение изображений на экране[]

В викитексте изображение выглядит в следующем формате: Файл: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=Страница]]

Примеры[]

Обычное изображение:

[[Файл:Example.jpg]]: Example

Изображение желаемого размера в пикселях:

[[Файл:Example.jpg|50px|]]: Example

Изображение-миниатюра в рамке, в том числе, и желаемого размера в пикселях:

[[Файл:Example.jpg|50px|thumb|]]:
Example

По умолчанию изображение форматируется по правому краю страницы. Чтобы изменить это, вставьте код «left» или «center»:

[[Файл:Example.jpg|50px|thumb|left|]]:
Example

Добавление описания:

[[Файл:Example.jpg|60px|thumb|left|Описание]]:
Example

Описание

Добавление классов:

[[Файл:Example.jpg|60px|thumb|left|class=foo bar]]:
Example

Изображение-миниатюра в рамке, в том числе, и желаемого размера в пикселях:

[[Файл:Example.jpg|50px|thumb|]]:
Example

Чтобы описания не было вообще, а текст шёл строго после изображения, добавьте код «none»

[[Файл:Example.jpg|50px|none]]:
Example
Текст после изображения

Чтобы сделать ссылку на изображение и при этом не выводить само изображение на экран, используйте двоеточие перед тегом «Файл»:

[[:Файл:Example.jpg]] и вы получите: Файл:Example.jpg

Чтобы сослаться на файл, вы также можете использовать тег «Media», причём без двоеточия:

[[Media:Example.jpg]] и Вы получите: Медиа:Example.jpg

Размеры изображения[]

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

Изображение отдельно от текста[]

По умолчанию текст обтекает изображение вокруг его рамки. Чтобы «выделить» изображение из текста, необходимо добавить после ссылки на изображение код <br style="clear:left;" /> или использовать шаблоны {{clear}} или {{clr}}, если они есть на вашей вики.

В результате вы получите:

[[Файл:Example.jpg|thumb|left|Описание]] <br style="clear:left;" />

Текст................
Example

Описание


Текст................

Изображения-ссылки[]

Чтобы изображение одновременно работало как ссылка, необходимо добавить тег link=. Далее можно добавить ссылку на статью (без двойных квадратных скобок), другую вики, внешний сайт, категорию и др.

Например:

[[Файл:Image.png|link=Изображения]]
[[Файл:Image.png|link=w:c:ru.avatar]]
[[Файл:Image.png|link=http://www.xyz.com]]
[[Файл:Image.png|link=Категория:Изображения]]
  • Если оставить параметр link= пустым, картинка не будет ни на что ссылаться, и курсор перестанет реагировать при наведении мыши (по умолчанию будет ссылаться на свое местоположение):
Example

Обычная картинка

Example

Со скрытой ссылкой

См. также[]

Advertisement