Ганджавики:Иллюстрирование: различия между версиями
Ганджавики:Иллюстрирование (посмотреть исходный код)
Версия от 18:58, 25 ноября 2014
, 25 ноября 2014нет описания правки
Нет описания правки |
Нет описания правки |
||
| Строка 35: | Строка 35: | ||
===Замещающий текст=== | ===Замещающий текст=== | ||
Некоторые читатели отключают функцию показа изображений. В качестве замены (вместо изображений) для таких читателей отображается специальный текст — пояснение к изображению, его вписывают в конце после вертикальной чёрточки: '''<nowiki>[[Файл:nokia6110.jpg|Замещающий текст для изображений]]</nowiki>''' | Некоторые читатели отключают функцию показа изображений. В качестве замены (вместо изображений) для таких читателей отображается специальный текст — пояснение к изображению, его вписывают в конце после вертикальной чёрточки: '''<nowiki>[[Файл:nokia6110.jpg|Замещающий текст для изображений]]</nowiki>''' | ||
Кроме этого, даже при включённом отображении изображений, замещающий текст будет показываться в виде всплывающей подсказки при наведении курсора мыши на изображение. | Кроме этого, даже при включённом отображении изображений, замещающий текст будет показываться в виде всплывающей подсказки при наведении курсора мыши на изображение. | ||
| Строка 55: | Строка 55: | ||
Кроме того, справа от пояснительной подписи появляется специальный значок: щёлкнув по нему, можно перейти на страницу изображения и посмотреть его в натуральную величину. Текст располагается слева от значка. | Кроме того, справа от пояснительной подписи появляется специальный значок: щёлкнув по нему, можно перейти на страницу изображения и посмотреть его в натуральную величину. Текст располагается слева от значка. | ||
[[Файл:port.jpg|100px| | [[Файл:port.jpg|100px|thumb|Пояснительная подпись]] | ||
Для получения изображения заданной ширины (высота изменяется пропорционально), запишите её в пикселах (в формате ''ЧИСЛО''рх). При этом не следует злоупотреблять чрезмерно большими значениями параметра. Этот атрибут можно использовать как отдельно, так и совместно с атрибутом «мини» — тогда «мини» добавляет рамку и подпись, но не влияет на размер: | Для получения изображения заданной ширины (высота изменяется пропорционально), запишите её в пикселах (в формате ''ЧИСЛО''рх). При этом не следует злоупотреблять чрезмерно большими значениями параметра. Этот атрибут можно использовать как отдельно, так и совместно с атрибутом «мини» — тогда «мини» добавляет рамку и подпись, но не влияет на размер: | ||
<div style="width:530px;"><pre>[[Файл:port.jpg|100px|Пояснительная подпись]]</pre></div> | <div style="width:530px;"><pre>[[Файл:port.jpg|100px|Пояснительная подпись]]</pre></div> | ||
Или | Или | ||
<div style="width:530px;"><pre>[[Файл:port.jpg| | <div style="width:530px;"><pre>[[Файл:port.jpg|thumb|100px|Пояснительная подпись]]</pre></div> | ||
Можно вписать изображение в прямоугольник заданного размера, указав его ширину и высоту: | Можно вписать изображение в прямоугольник заданного размера, указав его ширину и высоту: | ||
<div style="width:630px;"><pre>[[Файл:port.jpg| | <div style="width:630px;"><pre>[[Файл:port.jpg|thumb|200x100px|Пояснительная подпись]]</pre></div> | ||
Отношение сторон изображения (ширины к высоте) при этом не изменяется. Иными словами, когда пропорции изображения не совпадают с пропорциями заданного прямоугольника, тогда либо высота, либо ширина уменьшенного изображения окажется меньше заданной для прямоугольника. Поэтому, если необходимо задать именно ''высоту'' изображения (и дать ему пропорционально растянуться по ширине), то для этого достаточно сделать ширину описанного прямоугольника заведомо большей, нежели высота : '''x200px'''. | Отношение сторон изображения (ширины к высоте) при этом не изменяется. Иными словами, когда пропорции изображения не совпадают с пропорциями заданного прямоугольника, тогда либо высота, либо ширина уменьшенного изображения окажется меньше заданной для прямоугольника. Поэтому, если необходимо задать именно ''высоту'' изображения (и дать ему пропорционально растянуться по ширине), то для этого достаточно сделать ширину описанного прямоугольника заведомо большей, нежели высота : '''x200px'''. | ||
| Строка 71: | Строка 71: | ||
== Расположение на странице == | == Расположение на странице == | ||
===Справа=== | ===Справа=== | ||
[[ | [[Файл:nokia6110.jpg|right|Nokia 6110]] | ||
Кроме рассмотренных выше атрибутов «frame», прижать изображение вправо можно атрибутом «right» («справа»). | Кроме рассмотренных выше атрибутов «frame», прижать изображение вправо можно атрибутом «right» («справа»). | ||
<div style="width:530px;"> | <div style="width:530px;"> | ||
| Строка 78: | Строка 78: | ||
В отличие от изображения с атрибутом «frame», в данном случае изображение не оказывается заключённым в рамку, и замещающий текст не указывается в видимой подписи. Однако он всё равно используется в качестве всплывающей подсказки (после наведения курсора мыши на изображение), а также показывается вместо картинки для тех читателей, которые отключили отображение изображений в своём браузере. Поэтому рекомендуется указывать замещающий текст после атрибута «right», за вертикальной чёрточкой. Пример: | В отличие от изображения с атрибутом «frame», в данном случае изображение не оказывается заключённым в рамку, и замещающий текст не указывается в видимой подписи. Однако он всё равно используется в качестве всплывающей подсказки (после наведения курсора мыши на изображение), а также показывается вместо картинки для тех читателей, которые отключили отображение изображений в своём браузере. Поэтому рекомендуется указывать замещающий текст после атрибута «right», за вертикальной чёрточкой. Пример: | ||
<div style="width:530px"> | <div style="width:530px"> | ||
<pre>[[ | <pre>[[Файл:nokia6110.jpg|right|Nokia 6110]]</pre> | ||
</div> | </div> | ||