Иллюстрации
Пожалуйста, экспериментируйте в песочнице!
Размещение изображений
1 Чтобы поместить картинку на страницу, впишите её адрес (url) в текст разметки. Текст подсказки (выпрыгивающий над картинкой или показываемый вместо неё) заключается в двойные кавычки и пишется сразу за адресом.
http://www.pmichaud.com/img/misc/pc.jpg"Скрепки" Скрепки -- неплохое развлечение. |
Скрепки -- неплохое развлечение. |
Картинки могут быть закачаными файлами (как Attach:image.jpg
) или InterMap ссылками. Любой файл с расширением .gif, .jpg, .jpeg или .png считается изображением. (О файлах изображений без расширения смотри Примечание в конце страницы.)
Чтобы ссылка на картинку осталась ссылкой (как http://www.pmichaud.com/img/misc/pc.jpg) её надо заключить в двойные прямоугольные скобки по типу [[http://www.pmichaud.com/img/misc/pc.jpg]]
или [[Attach:image.jpg]]
.
Чтобы картинка работала как ссылка впишите её адрес в текст ссылки: [[http://www.pmwiki.org | Attach:image.jpg"PmWiki"]]
.
Подписи и плавающие изображения
Подпись к картинке добавляется через вертикальную черту.
http://www.pmichaud.com/img/misc/pc.jpg"Paper clips" | '''Рис. 1.''' |
Обычно, иллюстрации размещаются в окружении текста. Для картинок прижатых к краю текста с эффектом обтекания используются пометки %lfloat%
(влево) или %rfloat%
(вправо) ВикиСтили.
%lfloat% http://www.pmichaud.com/img/misc/gem.jpg | '''Rock on!''' Картинка прижата в левому краю и текст аккуратно обтекает её по правому краю. На всем пространственно-временном континууме квазитерритории дислоцирован ряд рефлексирующих субъектов, которые обладают фундаментальным набором миссий. В их компетенции возможность передачи права собственности на предметы материально-виртуального мира и использование информационного поля субъективной вселенной. |
Картинка прижата в левому краю и текст аккуратно обтекает её по правому краю. На всем пространственно-временном континууме квазитерритории дислоцирован ряд рефлексирующих субъектов, которые обладают фундаментальным набором миссий. В их компетенции возможность передачи права собственности на предметы материально-виртуального мира и использование информационного поля субъективной вселенной. |
Пометка [[<<]]
завершает обтекающий текст и продолжает его уже под иллюстрацией.
%lfloat% http://www.pmichaud.com/img/misc/gem.jpg Картинка прижата в левому краю и текст аккуратно обтекает её по правому краю. Текст после пометки ''[@[[<<]]@]'' продолжается уже ниже её. [[<<]] Первая цель конкурса – обнаружение предметов материального мира, обладающих колоссальной ценностью, принадлежащих живому биологическому организму, в дальнейшем именуемым драконом, и их экспроприация. |
Картинка прижата в левому краю и текст аккуратно обтекает её по правому краю. Текст после пометки |
Стили %lframe%
и %rframe%
используется для помещения в плавающую рамку картинки и подписи:
%rframe% http://www.pmichaud.com/img/misc/gem.jpg | '''Rock on!''' Картинка прижата в левому краю и текст аккуратно обтекает её по правому краю. Перед началом работы проверьте наличие оборудования входящего в комплект ЭВМ. При отсутствии одного или нескольких периферийных устройств следует сразу же обратиться к техническому персоналу ВЦ. После осмотра визуальными методами своего рабочего места можно осторожно включить питание ЭВМ. |
Картинка прижата в левому краю и текст аккуратно обтекает её по правому краю. Перед началом работы проверьте наличие оборудования входящего в комплект ЭВМ. При отсутствии одного или нескольких периферийных устройств следует сразу же обратиться к техническому персоналу ВЦ. После осмотра визуальными методами своего рабочего места можно осторожно включить питание ЭВМ. |
Стиль %center%
центрирует картинку, а %right%
прижимает к правому краю без обтекания.
%center%http://www.pmichaud.com/img/misc/pc.jpg"Paper clips" | Скрепки -- неплохое развлечение %right% http://www.pmichaud.com/img/misc/gem.jpg | Rock on! |
Масштабирование изображений
Для указания размера картинки используются стили %width=50px%
и %height=50px%
, которые вставляются перед ссылкой. Стиль %thumb%
-- полезное сокращение для %width=100px%
.
%width=50px% http://www.pmichaud.com/img/misc/bubble.jpg \ %height=50px% http://www.pmichaud.com/img/misc/bubble.jpg \ %thumb% http://www.pmichaud.com/img/misc/bubble.jpg |
Масштабирование иллюстраций на самом деле изменяет размер лишь на экране, но размер самого файла не меняет.
Картинки уменьшеные с помощью %thumb%
также можно поместить в плавающие рамки.
%lframe thumb% [[http://www.pmichaud.com/img/misc/bubble.jpg | http://www.pmichaud.com/img/misc/bubble.jpg"Burst the bubble"]] | [-Bubble-] %lframe thumb% http://www.pmichaud.com/img/misc/pc.jpg"Clip the ticket" | [-Скрепки-] %lframe thumb% [[DocumentationIndex | http://www.pmichaud.com/img/misc/gem.jpg"Visit the Documentation Index"]] | [[DocumentationIndex | [-Rock On-]]] |
Примечания
- Картинка с именем файла без расширения может быть показана, если к имени файла добавить поддельное расширение. Так, если её адрес --
http://www.example.com/script/tux
, то достаточно добавить ложную строку запроса заканчивающуюся на нужное расширение (например,http://www.example.com/script/tux?format=.png
).
Также смотрите
- BackgroundImages - добавление фоновых изображений к разделам, таблицам и ячейкам.
Источники
Изображения на этой страницы взяты с http://www.flickr.com и распространяются по Creative Commons License.
<< Ссылки | Документация | Правила разметки текста >>
Перевод страницы PmWiki.Images -
Оригинал перевода PmWikiRu.Images -
Ссылаются
PmWikiRu.Images: редакция от 10.09.2011 18:48
PmWiki.Images: редакция от 27.11.2022 19:22