Справка:Картинки
Материал из STARCRAFT WIKI
| Руководство пользователя |
|---|
| Введение |
| Как создать страницу |
| Список шаблонов |
| Редактирование страницы |
| Форматирование |
| Картинки |
| Ссылки |
| Переименование страниц |
| Перенаправления |
| Страницы обсуждений |
| Удаление страниц |
Эта страница объясняет синтаксис использования изображений при редактировании вики-сайта. Обычно требуется, чтобы вы или другой участник загрузили изображение перед тем, как использовать его на вики-странице.
|
[править] Отображение одного изображения
[править] Синтаксис
Полный синтаксис для отображения изображений:
[[Файл:имя файла.расширение|параметр|заголовок]]
раздел «параметры» может отсутствовать или содержать следующие значения, разделенные символом «|»:
- Параметр формата: один из border and/or frameless, frame, thumb (или thumbnail);
- Управляют форматированием и встраиванием изображения в остальную часть страницы.
- Параметр размера: один из
- {ширина}px — Изменяет размер изображения в соответствии максимальной шириной в пикселях, не ограничивая его высоту;
- x{высота}px — Изменяет размер изображения в соответствии максимальной высотой в пикселях, не ограничивая его ширину;
- {ширина}x{высота}px — Изменяет размер изображения в соответствии в заданной шириной и высотой в пикселях;
- upright — Изменяет размер изображения в соответствии с разумными размерами, в зависимости от предпочтений пользователя (подходит для изображений, высота которых больше ширины).
- Обратите внимание, что изображение всегда будет сохранять свои пропорции, и может быть уменьшено (не увеличено) в размере, только если находится в масштабируемом медиа-типе (растровые изображения не могут быть масштабированы).
- Стандартный максимальный размер зависит от формата, и внутренних размеров изображения (в зависимости от его медиа-типа).
- Параметр горизонтального выравнивания: один из left, right, center, none;
- Управляют горизонтальным выравниванием (встроенными/блочными или плавающими стилями) изображения в тексте (по умолчанию пусто).
- Параметр вертикального выравнивания: один из baseline, sub, super, top, text-top, middle, bottom, text-bottom;
- Управляют вертикальным выравниванием без плавающих встроенных изображений в тексте, до или после изображения, и в том же блоке (по умолчанию middle).
- Параметр ссылки: один из
- link={цель} — Позволяет изменять цель (к произвольной странице или URL) генерируемых ссылок, доступных для отображаемых изображений;
- link= (без значения) — Отображение изображения без каких-либо ссылок, например,
[[File:Example.jpg|20px|link=]]отобразится как
.Ошибка создания миниатюры: /home/wiki.sc2tv.ru/public_html/bin/ulimit4.sh: line 4: /usr/bin/convert: No such file or directory
- Обратите внимание, что параметр link не может быть использован в сочетании с thumb или thumbnail, так как thumb всегда ссылается на большую версию изображения.
- Вдобавок, параметр link не может быть использован в сочетании с frame.
- Другие конкретные параметры:
- alt={альтернативный текст} — Определяет альтернативный текст (отображается на HTML-атрибут
alt="..."генерируемого кода<image />) изображения, который будут выведен, если указанное изображение не может быть загружено и встроенные, или, если необходимо использовать альтернативный текст описания (например, при использовании шрифта Брайля).
- alt={альтернативный текст} — Определяет альтернативный текст (отображается на HTML-атрибут
Параметры могут быть указаны в любом порядке. Если параметры конфликтуют друг с другом, применяется последний, за исключением параметров формата, в которых параметры принимают приоритет по порядку frame, thumb, и frameless и/илиborder.
Если то, что вы ввели не подходит ни под один параметр, то вики считает, что вы ввели текст всплывающей подсказки. Этот текст может содержать вики-ссылки или другое форматирование. Если вы не ввели ничего, что нужно сделать всплывающей подсказкой, то будет всплывать имя файла; чтобы совсем убрать всплывающую подсказку, поменяйте её на<span title=""></span>. Например, [[File:Example.jpg|20px|<span title=""></span>]] → | Ошибка создания миниатюры: /home/wiki.sc2tv.ru/public_html/bin/ulimit4.sh: line 4: /usr/bin/convert: No such file or directory |
Если вы хотите не показывать изображение, а только сослаться на него, то добавьте двоеточие:
[[:File:Example.jpg]]
Чтобы пропустить страницу описания и сослаться непосредственно на файл используйте псевдо-пространство имен "Media"
[[Media:Example.jpg]][[:File:Example.jpg|link text]][[Media:Example.jpg|link text]]
[править] Формат
Следующая таблица показывает эффект от применения всех доступных форматов.
| Описание | Формат | Результат | |
|---|---|---|---|
| формат не определён |
... текст текст текст [[Файл:example.jpg|подпись]] текст текст текст ... |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
| |
| рамка, даёт в результате тонкую серую рамку |
... текст текст текст [[Файл:example.jpg|border|подпись]] текст текст текст ... |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
| |
| врезка, обеспечивает поля, рамку и отображение подписи под изображением |
... текст текст текст [[Файл:example.jpg|frame|подпись]] текст текст текст ... |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст  подпись текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст | |
| миниатюра, то же, что врезка, но с уменьшенным изображением |
... текст текст текст [[Файл:example.jpg|thumb|подпись]] текст текст текст ... |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст | |
| без врезки, то же, что миниатюра, но с шириной, установленной в персональных настройках, без полей и без выравнивания по правому краю |
... текст текст текст [[Файл:example.jpg|frameless|подпись]] текст текст текст ... |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст | |
| без врезки, но с рамкой |
... текст текст текст [[Файл:example.jpg|frameless|border|подпись]] текст текст текст ... |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст | |
| внутренняя ссылка |
... текст текст текст [[Файл:example.jpg|link=Main Page|подпись]] текст текст текст ... |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
| |
| внешняя ссылка |
... текст текст текст [[Файл:example.jpg|link=http://wikipedia.org|подпись]] текст текст текст ... |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
| |
| без ссылки (внешней или на страницу описания) |
... текст текст текст [[Файл:example.jpg|link=|подпись]] текст текст текст ... |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
|
Когда высота изображения в виде миниатюры больше, чем его ширина (то есть портретная ориентации, а не альбома), и вы найдете его слишком больши, вы можете попробовать параметр upright, который будет пытаться отрегулировать его размер лучше, за счет уменьшения высоты, а не ширины. В качестве альтернативы можно указать желаемую максимальную высоту (в пикселях) в прямой форме.
Обратите внимание, что в письменном виде thumb={имя файла}, вы можете использовать различные изображения для миниатюры.
[править] Размер и рамка
Среди различных форматов, параметры размера могут быть разными, как показано ниже.
- О том, как отображается, если его размер не указан, см. раздел «Формат» выше.
- Если формат не указан, или указан только
border, размер может быть уменьшен и расширен с любым заданным размером. - В примерах ниже, оригинальный размер изображения составляет 400 × 267 пикселей.
- Изображение с
frameвсегда игнорирует указанный размер, исходное изображение будет уменьшено, если оно превышает максимально допустимый размер определенный в пользовательских настройках. - Размер изображения с
thumbиframelessможет быть уменьшен, но не может быть увеличен за пределы первоначального размера изображения.
| Формат | Уменьшенный | Увеличенный | |
|---|---|---|---|
| (не определено) |
[[Файл:Example.jpg|50px]]
|
[[Файл:Example.jpg|500px]]
| |
| border |
[[Файл:Example.jpg|border|50px]]
|
[[Файл:Example.jpg|border|500px]]
| |
| frame |
[[Файл:Example.jpg|frame|50px]] |
[[Файл:Example.jpg|frame|500px]]
| |
| thumb |
[[Файл:Example.jpg|thumb|50px]]
|
[[Файл:Example.jpg|thumb|500px]]
| |
| frameless |
[[Файл:Example.jpg|frameless|50px]]
|
[[Файл:Example.jpg|frameless|500px]]
|
[править] Горизонтальное выравнивание
Заметьте, что при использовании frame или thumb, по умолчанию действует выравнивание по правому краю (right).
| Описание | Формат | Результат |
|---|---|---|
| выравнивание не определено, действуют значения по умолчанию |
... текст текст текст [[Файл:example.jpg|подпись]] текст текст текст ... |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
|
| выравнивание определено как отсутствующее |
... текст текст текст [[Файл:example.jpg|none|подпись]] текст текст текст ... |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст |
| по центру |
... текст текст текст [[Файл:example.jpg|center|подпись]] текст текст текст ... |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст |
| по левому краю |
... текст текст текст [[Файл:example.jpg|left|подпись]] текст текст текст ... |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст |
| по правому краю |
... текст текст текст [[Файл:example.jpg|right|подпись]] текст текст текст ... |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст |
[править] Прекращение обтекания текстом
В некоторых случаях желательно останавливать обтекание текстом плавающего (или других встроенных не-плавающих изображений) изображения. В зависимости от разрешения экрана в браузере и обтекание текста справа от изображения может привести к тому, что заголовок раздела (например, == Мой заголовок ==) окажется справа от изображения, а не под ним, как пользователь может ожидать. Обтекание текстом может быть остановлено путем размещения <br style="clear: both" /> перед текстом, который должен начаться ниже плавающего изображения.
Все изображения отображаются как блоки (включая не-плавающие отцентрированные изображения, лево- или право-плавающие изображения, а также плавающие изображения в рамках или миниатюрах) неявно разрывая окружающие строки текста (прекращения текущего блока текста, изображений, а также создание нового параграфа в тексте после них). Затем они располагаются вертикально вдоль левого или правого края (или вдоль центра линии между этими полями для отцентрированных изображений).
[править] Изменение стандартной целевой ссылки
В следующей таблице показано, как изменить цель ссылки (которая по умолчанию является страницой описания изображения), или как её удалить. Изменение ссылки не изменяет формат, описанный в предыдущих разделах.
| Описание | Формат | Результат |
|---|---|---|
| внутренняя ссылка |
... текст текст текст [[Файл:example.jpg|link=Main Page|подпись]] текст текст текст ... |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
|
| внешняя ссылка |
... текст текст текст [[Файл:example.jpg|link=http://wikipedia.org|подпись]] текст текст текст ... |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
|
| без ссылки (внешней или страницы файла) |
... текст текст текст [[Файл:example.jpg|link=|подпись]] текст текст текст ... |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
|
[править] Отображение галереи изображений
[править] Галерея изображений
Создать галерею уменьшенных изображений с помощью тега <gallery> довольно легко. Его синтаксис таков:
<gallery>
Image:имя_файл.расширение|подпись
Image:имя_файл.расширение|подпись
{...}
</gallery>
Заметьте, что код изображения не заключается в квадратные скобки, когда он находится внутри тега галереи.
Подписи к рисункам не обязательны, они могут содержать внутренние или внешние ссылки или иное форматирование.
Например:
<gallery>
File:Example.jpg|Пункт 1
File:Example.jpg|Ссылка на [[Help:Справка|Справку]]
File:Example.jpg
File:Example.jpg
File:Example.jpg|''Курсив''
File:Example.jpg|на странице "{{PAGENAME}}"
</gallery>
будет выглядеть так:
Пункт 1 |
Ссылка на Справку |
|
|
||||
Курсив |
на странице "Картинки" |
[править] Параметры
Тег галереи имеет несколько дополнительных параметров:
<gallery {параметры}>
{изображения}
</gallery>
-
caption={подпись}: задаёт подпись к галерее. -
widths={ширина}px: задаёт ширину изображений. -
heights={высота}px: задаёт (максимальную) высоту изображений. -
perrow={целое число}: задаёт количество изображений в строке.
Пример:
Код:
<gallery widths=60px heights=60px perrow=7 caption="потрясающие снеговики"> File:Example.jpg File:Example.jpg File:Example.jpg File:Example.jpg File:Example.jpg File:Example.jpg File:Example.jpg File:Example.jpg File:Example.jpg File:Example.jpg </gallery>
Результат:
|
|
|
|
|
|
|
|||||||
|
|
|
[править] Ссылки
[править] Ссылка на страницу описания
Если вы поместите внутри ссылки символ двоеточия (:) перед Файл:, изображение не будет внедрено, и получившаяся ссылка будет вести на страницу описания этого файла.
[[:Файл:Example.jpg]] [[:Файл:Example.jpg|Снеговик]]
даст результат
[править] Ссылка на другую страницу
Показанный ниже код позволяет создать изображение шириной 50px ссылка с которого ведёт на заглавную страницу:
[[Sc2tv-logo.png|50px|link=Заглавная страница]]
| Ошибка создания миниатюры: /home/wiki.sc2tv.ru/public_html/bin/ulimit4.sh: line 4: /usr/bin/convert: No such file or directory |
[править] Прямая ссылка на файл
Вы можете использовать псевдо-пространство имён «Медиа» для прямых ссылок на файлы, минуя их страницы описания.
[[Медиа:Example.jpg]] [[Медиа:Example.jpg|Снеговик]]
даст результат
Вы также можете использовать:
[[Служебная:FilePath/Example.jpg]]
для ссылок на потенциальные файлы, которые ещё не существуют. Вы также можете использовать следующий код:
{{FILEPATH:Example.jpg}}
для генерации корректных внешних URL на файлы, который будет обработан следующим образом: http://wiki.sc2tv.ru/images/a/a9/Example.jpg
[править] Файлы на других веб-сайтах
Вы можете ссылаться на внешние файлы, используя тот же самый синтаксис, что и для ссылок на внешние веб-страницы.
[http://url.for/some/image.png]
Или задать текст описания:
[http://url.for/some/image.png текст с описанием ссылки]
