Последние изменения - Поиск:

PmWikiRu

PmWikiRu /
Пожалуйста, экспериментируйте в песочнице!Иллюстрации

Размещение изображений

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 External Link to 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.'''
Paper clips
Рис. 1.

Обычно, иллюстрации размещаются в окружении текста. Для картинок прижатых к краю текста с эффектом обтекания используются пометки %lfloat%(влево) или %rfloat%(вправо) ВикиСтили.

%lfloat% http://www.pmichaud.com/img/misc/gem.jpg | '''Rock on!'''
Картинка прижата в левому краю и текст
аккуратно обтекает её по правому краю.

На всем пространственно-временном
континууме квазитерритории
дислоцирован ряд рефлексирующих
субъектов, которые обладают
фундаментальным набором миссий. В их
компетенции возможность передачи права
собственности на предметы
материально-виртуального мира и
использование информационного поля
субъективной вселенной. 

Rock on!

Картинка прижата в левому краю и текст аккуратно обтекает её по правому краю.

На всем пространственно-временном континууме квазитерритории дислоцирован ряд рефлексирующих субъектов, которые обладают фундаментальным набором миссий. В их компетенции возможность передачи права собственности на предметы материально-виртуального мира и использование информационного поля субъективной вселенной.

Пометка [[<<]] завершает обтекающий текст и продолжает его уже под иллюстрацией.

%lfloat% http://www.pmichaud.com/img/misc/gem.jpg
Картинка прижата в левому краю и текст
аккуратно обтекает её по правому краю.
Текст после  пометки ''[@[[<<]]@]''
продолжается уже ниже её.
[[<<]]
Первая цель конкурса – обнаружение
предметов материального мира,
обладающих колоссальной ценностью,
принадлежащих живому биологическому
организму, в дальнейшем именуемым
драконом, и их экспроприация.  

Картинка прижата в левому краю и текст аккуратно обтекает её по правому краю. Текст после пометки [[<<]] продолжается уже ниже её.
Первая цель конкурса – обнаружение предметов материального мира, обладающих колоссальной ценностью, принадлежащих живому биологическому организму, в дальнейшем именуемым драконом, и их экспроприация.

Стили %lframe% и %rframe% используется для помещения в плавающую рамку картинки и подписи:

%rframe% http://www.pmichaud.com/img/misc/gem.jpg | '''Rock on!'''
Картинка прижата в левому краю и текст
аккуратно обтекает её по правому краю.

Перед началом работы проверьте наличие
оборудования входящего в комплект ЭВМ.
При отсутствии одного или нескольких
периферийных устройств следует сразу же
обратиться к техническому персоналу ВЦ.
После осмотра визуальными методами
своего рабочего места можно осторожно
включить питание ЭВМ.

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!
Paper clips
Скрепки -- неплохое развлечение

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-]]]
Burst the bubble External Link to http://www.pmichaud.com/img/misc/bubble.jpg
Bubble
Clip the ticket
Скрепки

Примечания

  • Картинка с именем файла без расширения может быть показана, если к имени файла добавить поддельное расширение. Так, если её адрес -- http://www.example.com/script/tux, то достаточно добавить ложную строку запроса заканчивающуюся на нужное расширение (например, http://www.example.com/script/tux?format=.png).

Также смотрите

  • External Link to http://www.pmwiki.org/wiki/Cookbook/BackgroundImages - добавление фоновых изображений к разделам, таблицам и ячейкам.

Источники

Изображения на этой страницы взяты с http://www.flickr.com External Link to http://www.flickr.com и распространяются по Creative Commons License.

<< Ссылки | Документация | Правила разметки текста >>

Перевод страницы PmWiki.Images External Link to http://www.pmwiki.org/wiki/PmWiki.Images - Оригинал перевода PmWikiRu.Images External Link to http://www.pmwiki.org/wiki/PmWikiRu.Images - Ссылаются
PmWikiRu.Images: редакция от 30.09.2007 13:45
PmWiki.Images: редакция от 10.09.2011 20:08

Править - История - Печать - Последние изменения - Поиск
Редакция от 30.09.2007 13:45