Этот шаблон позволяет добавлять пояснительные примечания к изображениям в виде фактического текста (который также может содержать ссылки), который обычно более разборчив, чем текст, встроенный в изображение, особенно если изображение уменьшено до размера миниатюры.
Другие варианты использования включают обрезку изображения для исключения неважных частей и, возможно, увеличение важных частей, а также интернационализацию, поскольку аннотации можно изменять без изменения изображения.
Этот шаблон и {{ аннотированное изображение 4 }} - единственные два аннотированных графических шаблона, которые используют {{ аннотацию }} для наложения вики-текста на изображения.
Синтаксис
{{Изображение с аннотациями| изображение =| ширина изображения =| изображение слева =| изображение-верх =| ширина =| высота =| float =| аннотации ={{Аннотация | слева (в пикселях) | верх (в пикселях) | текст | text-align = left | font-size = 12 | font-weight = жирный | font-family = Times New Roman | background-color = # ffcccee | color = blue}}| caption =}}
Параметры
Все параметры имеют имена; нет безымянных «нумерованных» параметров.
Два параметра, image и imagemap , являются взаимоисключающими: используйте один из них, а не оба.
В следующем списке параметры, необходимые для шаблона, выделены жирным шрифтом .
Параметр | Допустимые значения | Значение по умолчанию | Функция и примечания |
---|---|---|---|
подпись | wikitext | Подпись к изображению. | |
альт | текст | пустой | Альтернативный текст для людей, чье зрение ухудшено (см. WP: ALT ). |
Либо изображение или ImageMap | допустимое имя файла изображения a или допустимая карта изображений X / HTML | Укажите изображение или карту изображений , но не то и другое одновременно. | |
ширина | положительное число | - | Общая ширина (в пикселях) поля, содержащего изображение и аннотации. Должен быть не меньше отображаемой ширины изображения (которую можно установить с помощью image-width ). |
высота | положительное число | - | Общая высота (в пикселях) поля, содержащего изображение и аннотации. Должен быть не меньше отображаемой высоты изображения. Если отображаемая ширина изображения изменяется путем указания image-width , необходимо будет рассчитать отображаемую высоту изображения и любые дополнительные «поля» для аннотаций. |
изображение слева | целое число | (нуль) | Координата X верхнего левого угла изображения (в пикселях) относительно верхнего левого угла поля, содержащего изображение и аннотации. Отрицательные значения обрезают изображение. |
изображение сверху | целое число | (нуль) | Координата Y верхнего левого угла изображения (в пикселях) относительно верхнего левого угла поля, содержащего изображение и аннотации. Отрицательные значения обрезают изображение. |
ширина изображения | положительное число | Ширина исходного изображения (в пикселях). (Посмотрите на страницу файла и используйте второе число в размере изображения.) | |
аннотации | Аннотации к изображению. Можно оставить пустым (т.е. | ... | annotations = | ... ) только для обрезки изображения. | ||
плавать |
| верно | Чтобы указать, будет ли шаблон перемещаться справа или слева от смежного содержимого. |
внешний CSS | любой действительный CSS | - | Дополнительный CSS применяется к самому внешнему блоку. Не отменяет никакие другие параметры, указанные для внешнего блока (т.е. лучше всего использовать только в «крайнем случае»). |
изображение-bg-цвет | любой допустимый цвет CSS | белый | Фон поля, в котором отображается изображение. Например, темный фон для относительно темного изображения, на котором размещены относительно светлые аннотации. |
изображение-css | любой действительный CSS | - | Дополнительный CSS применяется к изображению (внутреннему блоку с изображением). Не отменяет никакие другие параметры, указанные для этого поля (т.е. лучше всего использовать только в «крайнем случае»). |
выравнивание текста аннотации |
| оставил | Устанавливает выравнивание текста по умолчанию для всех содержащихся аннотаций. Может быть переопределено для каждой аннотации. |
цвет фона аннотации | любой допустимый цвет CSS | прозрачный | Устанавливает цвет фона по умолчанию для всех содержащихся аннотаций. Может быть переопределено для каждой аннотации. |
семейство шрифтов-аннотаций | любое допустимое семейство шрифтов CSS | - | Устанавливает семейство шрифтов по умолчанию для всех содержащихся аннотаций. Может быть переопределено для каждой аннотации. |
размер шрифта аннотации | положительное число | - | Устанавливает размер шрифта по умолчанию (в пикселях) для всех содержащихся аннотаций. Может быть переопределено для каждой аннотации. |
вес шрифта аннотации | любой допустимый вес шрифта CSS | - | Устанавливает шрифт по умолчанию для всех содержащихся аннотаций. Может быть переопределено для каждой аннотации. |
стиль шрифта аннотации | любой допустимый стиль шрифта CSS | - | Устанавливает стиль шрифта по умолчанию (например, «курсив») для всех содержащихся аннотаций. Может быть переопределено для каждой аннотации. |
высота строки аннотации | любая допустимая высота строки CSS | - | Устанавливает высоту строки (межстрочный интервал) по умолчанию для всех содержащихся аннотаций. Может быть переопределено для каждой аннотации. |
цвет аннотации | любой допустимый цвет CSS | - | Устанавливает цвет по умолчанию для всех содержащихся аннотаций. Может быть переопределено для каждой аннотации. |
Интернационализация
Этот шаблон упрощает интернационализацию; текст уже отделен от изображения, поэтому его легко перевести и, при необходимости, переместить фрагменты текста, поскольку длина одного и того же текста на разных языках может сильно различаться. Например, широко используется nl: Sjabloon: Zijbalk mariene extincties , голландская версия Template: Annotated image / Extinction .
Ловушка
Есть одна ловушка , хотя в основном это связано с правильным использованием одного браузера (конечно, Microsoft Internet Explorer). В Internet Explorer есть два способа увеличения текста для облегчения чтения:
- Изменение размера текста, которое отображается в меню «Просмотр» Internet Explorer, влияет на текст, но не на изображения. Этот метод может нарушить аннотированные изображения, поскольку текст увеличивается в масштабе, а содержимое изображения и рамка - нет. Firefox и Opera не используют этот механизм.
- Масштабирование также масштабирует изображение, а также текстовые аннотации, и, таким образом, не нарушает относительные размеры и расположение аннотаций в аннотированных изображениях. Netscape и его производные от Mozilla, Firefox и Opera используют масштабирование в течение многих лет, и это более полезно, поскольку оно также масштабирует текст, реализованный как часть изображения, например , как в логотипе Wikipedia. Последовательности управления масштабированием (CTRL + для увеличения, CTRL - для уменьшения) одинаковы в Firefox, Opera и Internet Explorer. В Firefox и Opera также есть пункты меню для увеличения, которые показывают последовательности управления. В Internet Explorer 7 в меню отображается только изменение размера текста; чтобы изучить масштабирование, пользователи должны искать какой-либо внешний источник.
Примеры
Шаблон: Аннотированное изображение / Extinction
Добавление пояснительных примечаний
См. Шаблон: изображение с аннотациями / doc / Samples .
Обрезка
У вас есть изображение типа commons: File: Mona Lisa color recovery2.jpg . Но вы хотите показать только часть изображения, скажем, часть носа и рта:
Вы можете сделать это с помощью следующего кода:
{{Изображение с аннотациями| image = Восстановление цвета Моны Лизы2.jpg| image-width = 2000 <! - выбирайте любую ширину, как вам нравится. Не имеет значения фактическая ширина изображения ->| image-left = -850 <! - обрезать левую часть. Обратите внимание на знак минуса "-" ->| image-top = -800 <! - обрезать верхнюю часть. Обратите внимание на знак минуса "-" ->| width = 250 <! - обрезать правую часть. Это будет ширина изображения в статье ->| height = 250 <! - обрезать нижнюю часть. Это будет высота изображения в статье ->| float = left| annotations = <! - пусто или нет, этот параметр должен быть включен ->| caption = Обрезанная Мона Лиза из изображения 2000 пикселей}}
В результате получается область размером 250 x 250 пикселей из изображения шириной 2000 пикселей (фактическая ширина изображения не имеет значения). Верхние 800 пикселей и 850 пикселей в левой части 2000-изображения «отбрасываются», так же как и «остаток» справа после 250 пикселей и внизу после 250 пикселей:
Подстраницы (шаблоны на основе этого шаблона)
Этот список автоматически создается и обновляется. Перенаправления выделены курсивом .
- Аннотированное изображение / Филогения паукообразных Шульц 2007 г.
- Аннотированное изображение / Филогения паукообразных Шульц 2007 / doc
- Аннотированное изображение / Проблема с головой членистоногих
- Аннотированное изображение / Проблема с головой членистоногих / док.
- Аннотированное изображение / Основное внутреннее строение членистоногих
- Аннотированное изображение / Основное внутреннее строение членистоногих / doc
- Аннотированное изображение / Хитинозойный
- Аннотированное изображение / Euplectella
- Аннотированное изображение / Euplectella / doc
- Аннотированное изображение / Вымирание
- Аннотированное изображение / Extinction / doc
- Аннотированное изображение / Вымирание
- Аннотированное изображение / Химачал-Прадеш
- Аннотированное изображение / Распространение лизорфий
- Аннотированное изображение / Распространение лизорфий / doc
- Аннотированное изображение / Строение тела Porifera
- Аннотированное изображение / Строение тела Porifera / doc
- Аннотированное изображение / Типы клеток Porifera
- Аннотированное изображение / Типы клеток Porifera / doc
- Аннотированное изображение / Анатомия скелета правой ноги тираннозавра
- Аннотированное изображение / Анатомия скелета правой ноги тираннозавра / док
- Аннотированное изображение / Улитка радула рабочая
- Аннотированное изображение / Snail radula Working / doc
- Аннотированное изображение / Основные органы паука
- Аннотированное изображение / Основные органы паука / док
- Аннотированное изображение / Личинка трохофоры
- Аннотированное изображение / Личинка трохофоры / doc
- Аннотированное изображение / пропорции передних конечностей Tyrannosauridae
- Аннотированное изображение / Пропорции передних конечностей Tyrannosauridae / doc
- Аннотированное изображение / Размеры тираннозавров
- Аннотированное изображение / Размеры тираннозавров / doc
- Аннотированное изображение / документ
- Аннотированное изображение / документ / образцы
- Аннотированное изображение / исчезновения
- Аннотированное изображение / песочница
- Аннотированное изображение / тестовые примеры
Смотрите также
- {{ Annotation }}, для создания аннотаций.
- {{ Изображение с аннотациями 4 }} для аннотирования изображений, выровненных влево / вправо / по центру, с обычным цветом фона подписи.
- {{ Image label }}, альтернатива этому шаблону.
- {{ Overlay }}, который маркирует изображение, автоматически создает легенду с балансировкой по столбцам с, если необходимо, дополнительными легендами; позволяет отдельно управлять всплывающими подсказками ярлыков; помогает определить координаты положения этикеток; и т.п.
- {{ Location map + }} для карт со значками местоположения в стиле булавки.
- {{ Superimpose }} для наложения изображений.
- ImageMap (расширение MediaWiki) - добавление ссылок на области изображения