Шаблон:Кратное изображение: различия между версиями

Материал из Ligapedia
Перейти к навигации Перейти к поиску
[досмотренная версия][досмотренная версия]
 
(не показаны 4 промежуточные версии этого же участника)
Строка 48: Строка 48:
 
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина1|200}}}}}}}px">
 
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина1|200}}}}}}}px">
 
<div class="thumbimage">[[file:{{{изобр1}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина1|200}}} }}px{{#ifeq:{{{ссылка1|:}}}|:||{{!}}link={{{ссылка1}}}}}||link={{{link1|}}}]]
 
<div class="thumbimage">[[file:{{{изобр1}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина1|200}}} }}px{{#ifeq:{{{ссылка1|:}}}|:||{{!}}link={{{ссылка1}}}}}||link={{{link1|}}}]]
 +
</div>{{#if:{{{подпись1|}}}|
 +
<div class="thumbcaption" style="clear:left">{{{подпись1}}}
 
</div>
 
</div>
 +
}}
  
{{#if:{{{link1|}}}|
 
<div class="thumbcaption" style="clear:left">{{{link1}}}
 
</div>
 
}}
 
 
</div>
 
</div>
 
}}{{#if:{{{изобр2|}}}|
 
}}{{#if:{{{изобр2|}}}|
 
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина2|200}}}}}}}px">
 
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина2|200}}}}}}}px">
<div class="thumbimage">[[file:{{{изобр2}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина2|200}}} }}px{{#ifeq:{{{ссылка2|:}}}|:||{{!}}link={{{ссылка2}}}}}|alt={{{alt2|}}}]]
+
<div class="thumbimage">[[file:{{{изобр2}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина2|200}}} }}px{{#ifeq:{{{ссылка2|:}}}|:||{{!}}link={{{ссылка2}}}}}|alt={{{alt2|}}}|link={{{link2|}}}]]
 
</div>{{#if:{{{подпись2|}}}|
 
</div>{{#if:{{{подпись2|}}}|
 
<div class="thumbcaption" style="clear:left">{{{подпись2}}}
 
<div class="thumbcaption" style="clear:left">{{{подпись2}}}
Строка 65: Строка 64:
 
}}{{#if:{{{изобр3|}}}|
 
}}{{#if:{{{изобр3|}}}|
 
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина3|200}}}}}}}px">
 
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина3|200}}}}}}}px">
<div class="thumbimage">[[file:{{{изобр3}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина3|200}}} }}px{{#ifeq:{{{ссылка3|:}}}|:||{{!}}link={{{ссылка3}}}}}|alt={{{alt3|}}}]]
+
<div class="thumbimage">[[file:{{{изобр3}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина3|200}}} }}px{{#ifeq:{{{ссылка3|:}}}|:||{{!}}link={{{ссылка3}}}}}|alt={{{alt3|}}}|link={{{link3|}}}]]
 
</div>{{#if:{{{подпись3|}}}|
 
</div>{{#if:{{{подпись3|}}}|
 
<div class="thumbcaption" style="clear:left">{{{подпись3}}}
 
<div class="thumbcaption" style="clear:left">{{{подпись3}}}
Строка 73: Строка 72:
 
}}{{#if:{{{изобр4|}}}|
 
}}{{#if:{{{изобр4|}}}|
 
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина4|200}}}}}}}px">
 
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина4|200}}}}}}}px">
<div class="thumbimage">[[file:{{{изобр4}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина4|200}}} }}px{{#ifeq:{{{ссылка4|:}}}|:||{{!}}link={{{ссылка4}}}}}|alt={{{alt4|}}}]]
+
<div class="thumbimage">[[file:{{{изобр4}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина4|200}}} }}px{{#ifeq:{{{ссылка4|:}}}|:||{{!}}link={{{ссылка4}}}}}|alt={{{alt4|}}}|link={{{link4|}}} ]]
 
</div>{{#if:{{{подпись4|}}}|
 
</div>{{#if:{{{подпись4|}}}|
 
<div class="thumbcaption" style="clear:left">{{{подпись4}}}
 
<div class="thumbcaption" style="clear:left">{{{подпись4}}}
Строка 81: Строка 80:
 
}}{{#if:{{{изобр5|}}}|
 
}}{{#if:{{{изобр5|}}}|
 
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина5|200}}}}}}}px">
 
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина5|200}}}}}}}px">
<div class="thumbimage">[[file:{{{изобр5}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина5|200}}} }}px{{#ifeq:{{{ссылка5|:}}}|:||{{!}}link={{{ссылка5}}}}}|alt={{{alt5|}}}]]
+
<div class="thumbimage">[[file:{{{изобр5}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина5|200}}} }}px{{#ifeq:{{{ссылка5|:}}}|:||{{!}}link={{{ссылка5}}}}}|alt={{{alt5|}}}|link={{{link5|}}}]]
 
</div>{{#if:{{{подпись5|}}}|
 
</div>{{#if:{{{подпись5|}}}|
 
<div class="thumbcaption" style="clear:left">{{{подпись5}}}
 
<div class="thumbcaption" style="clear:left">{{{подпись5}}}
Строка 89: Строка 88:
 
}}{{#if:{{{изобр6|}}}|
 
}}{{#if:{{{изобр6|}}}|
 
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина6|200}}}}}}}px">
 
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина6|200}}}}}}}px">
<div class="thumbimage">[[file:{{{изобр6}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина6|200}}} }}px{{#ifeq:{{{ссылка6|:}}}|:||{{!}}link={{{ссылка6}}}}}|alt={{{alt6|}}}]]
+
<div class="thumbimage">[[file:{{{изобр6}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина6|200}}} }}px{{#ifeq:{{{ссылка6|:}}}|:||{{!}}link={{{ссылка6}}}}}|alt={{{alt6|}}}|link={{{link6|}}}]]
 
</div>{{#if:{{{подпись6|}}}|
 
</div>{{#if:{{{подпись6|}}}|
 
<div class="thumbcaption" style="clear:left">{{{подпись6}}}
 
<div class="thumbcaption" style="clear:left">{{{подпись6}}}
Строка 97: Строка 96:
 
}}{{#if:{{{изобр7|}}}|
 
}}{{#if:{{{изобр7|}}}|
 
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина7|200}}}}}}}px">
 
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина7|200}}}}}}}px">
<div class="thumbimage">[[file:{{{изобр7}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина7|200}}} }}px{{#ifeq:{{{ссылка7|:}}}|:||{{!}}link={{{ссылка7}}}}}|alt={{{alt7|}}}]]
+
<div class="thumbimage">[[file:{{{изобр7}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина7|200}}} }}px{{#ifeq:{{{ссылка7|:}}}|:||{{!}}link={{{ссылка7}}}}}|alt={{{alt7|}}}|link={{{link7|}}}]]
 
</div>{{#if:{{{подпись7|}}}|
 
</div>{{#if:{{{подпись7|}}}|
 
<div class="thumbcaption" style="clear:left">{{{подпись7}}}
 
<div class="thumbcaption" style="clear:left">{{{подпись7}}}
Строка 105: Строка 104:
 
}}{{#if:{{{изобр8|}}}|
 
}}{{#if:{{{изобр8|}}}|
 
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина8|200}}}}}}}px">
 
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина8|200}}}}}}}px">
<div class="thumbimage">[[file:{{{изобр8}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина8|200}}} }}px{{#ifeq:{{{ссылка8|:}}}|:||{{!}}link={{{ссылка8}}}}}|alt={{{alt8|}}}]]
+
<div class="thumbimage">[[file:{{{изобр8}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина8|200}}} }}px{{#ifeq:{{{ссылка8|:}}}|:||{{!}}link={{{ссылка8}}}}}|alt={{{alt8|}}}|link={{{link8|}}}]]
 
</div>{{#if:{{{подпись8|}}}|
 
</div>{{#if:{{{подпись8|}}}|
 
<div class="thumbcaption" style="clear:left">{{{подпись8}}}
 
<div class="thumbcaption" style="clear:left">{{{подпись8}}}
Строка 113: Строка 112:
 
}}{{#if:{{{изобр9|}}}|
 
}}{{#if:{{{изобр9|}}}|
 
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина9|200}}}}}}}px">
 
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина9|200}}}}}}}px">
<div class="thumbimage">[[file:{{{изобр9}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина9|200}}} }}px{{#ifeq:{{{ссылка9|:}}}|:||{{!}}link={{{ссылка9}}}}}|alt={{{alt9|}}}]]
+
<div class="thumbimage">[[file:{{{изобр9}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина9|200}}} }}px{{#ifeq:{{{ссылка9|:}}}|:||{{!}}link={{{ссылка9}}}}}|alt={{{alt9|}}}|link={{{link9|}}}]]
 
</div>{{#if:{{{подпись9|}}}|
 
</div>{{#if:{{{подпись9|}}}|
 
<div class="thumbcaption" style="clear:left">{{{подпись9}}}
 
<div class="thumbcaption" style="clear:left">{{{подпись9}}}
Строка 121: Строка 120:
 
}}{{#if:{{{изобр10|}}}|
 
}}{{#if:{{{изобр10|}}}|
 
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина10|200}}}}}}}px">
 
<div style="{{#ifeq: {{{направление|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{ширина|}}}|{{{ширина}}}|{{{ширина10|200}}}}}}}px">
<div class="thumbimage">[[file:{{{изобр10}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина10|200}}} }}px{{#ifeq:{{{ссылка10|:}}}|:||{{!}}link={{{ссылка10}}}}}|alt={{{alt10|}}}]]
+
<div class="thumbimage">[[file:{{{изобр10}}}|{{#if:{{{ширина|}}} | {{{ширина}}} | {{{ширина10|200}}} }}px{{#ifeq:{{{ссылка10|:}}}|:||{{!}}link={{{ссылка10}}}}}|alt={{{alt10|}}}|link={{{link10|}}}]]
 
</div>{{#if:{{{подпись10|}}}|
 
</div>{{#if:{{{подпись10|}}}|
 
<div class="thumbcaption" style="clear:left">{{{подпись10}}}
 
<div class="thumbcaption" style="clear:left">{{{подпись10}}}
Строка 241: Строка 240:
 
<br style="clear: both;" />
 
<br style="clear: both;" />
  
=== Пример с цветом фона ===
+
=== Пример с цветом фона и кликабельными картинками ===
 
{{Кратное изображение
 
{{Кратное изображение
  |изобр1      = Adoxa_moschatellina_210406.jpg
+
  |изобр1      = Bezljudnaja_doroga.jpg
  |изобр2      = Adoxa_moschatellina_210406a.jpg
+
|link1        = Безлюдная_дорога
  |изобр3      = adoxa_moschatellina_blatt.jpeg
+
  |изобр2      = Ploshhad' Goldenroda.jpg
 
+
|link2      = Голденрод
  |подпись      = Адокса мускусная
+
  |изобр3      = Doroga_2.jpg
 +
|link3        = Дорога_№2
 +
  |подпись      = <h3>[[Восточный Джото]]</h3>
 
  |фон_подписи  = #BBDD99
 
  |фон_подписи  = #BBDD99
 
  |цвет фона    = #BBDD99
 
  |цвет фона    = #BBDD99
 
  |зона_подписи = center
 
  |зона_подписи = center
  |ширина      = 160
+
  |ширина      = 300
 +
 
}}
 
}}
 
{{-}}
 
{{-}}
 
<pre>{{Кратное изображение
 
<pre>{{Кратное изображение
  |изобр1      = Adoxa_moschatellina_210406.jpg
+
  |изобр1      = Bezljudnaja_doroga.jpg
  |изобр2      = Adoxa_moschatellina_210406a.jpg
+
|link1        = Безлюдная_дорога
  |изобр3      = adoxa_moschatellina_blatt.jpeg
+
  |изобр2      = Ploshhad' Goldenroda.jpg
 
+
|link2      = Голденрод
  |подпись      = Адокса мускусная
+
  |изобр3      = Doroga_2.jpg
 +
|link3        = Дорога_№2
 +
  |подпись      = <h3>[[Восточный Джото]]</h3>
 
  |фон_подписи  = #BBDD99
 
  |фон_подписи  = #BBDD99
 
  |цвет фона    = #BBDD99
 
  |цвет фона    = #BBDD99
 
  |зона_подписи = center
 
  |зона_подписи = center
  |ширина      = 160
+
  |ширина      = 300
 +
 
}}</pre>
 
}}</pre>
  

Текущая версия на 19:38, 8 июня 2013


Шаблон создаёт врезку с несколькими (до десяти) изображениями, расположенными горизонтально либо вертикально. Подписи можно делать под каждым из изображений либо под всеми ними.

Использование

  • изобр1 … изобр10 — файлы изображений.
  • зона — зона размещения шаблона. По умолчанию «center» — центр. Возможны «left» — слева, «right» — справа.
  • направление — По умолчанию «horizontal» — горизонтальное. Возможно также «vertical» — вертикальное.
  • зона_заголовка — см. зона размещения. По умолчанию «center».
  • зона_подписи — см. зона размещения. По умолчанию «left».
  • ширина — общий параметр ширины. Возможно указание ширины для каждого из изображений с помощью параметров ширина1ширина10. Последние параметры используются только если каждое из изображений должно иметь свой собственный размер.
  • цвет фона — цвет фона группы изображений.
  • фон_заголовка, фон_подписи, заголовок, подпись, а также подпись1 … подпись10 и ссылка1 … ссылка10 — необязательные параметры, использующиеся для задания текста заголовка, общей подписи, индивидуальных подписей изображений и ссылок, на которые они ведут.
{{Кратное изображение
 |зона           = left/right/center
 |направление    = horizontal/vertical
 |заголовок      = 
 |зона_заголовка = left/right/center
 |фон_заголовка  = 
 |подпись        = 
 |зона_подписи   = left/right/center
 |фон_подписи    = 
 |ширина         = 

 |изобр1         = 
 |ширина1        = 
 |подпись1       = 

 |изобр2         = 
 |ширина2        = 
 |подпись2       = 

 |изобр3         = 
 |ширина3        = 
 |подпись3       = 

 |изобр4         = 
 |ширина4        = 
 |подпись4       = 

 |изобр5         = 
 |ширина5        = 
 |подпись5       = 

 |изобр6         = 
 |ширина6        = 
 |подпись6       = 

 |изобр7         = 
 |ширина7        = 
 |подпись7       = 

 |изобр8         = 
 |ширина8        = 
 |подпись8       = 

 |изобр9         = 
 |ширина9        = 
 |подпись9       = 

 |изобр10        = 
 |ширина10       = 
 |подпись10      = 
}}

Примеры

Игроки предупреждаются жёлтой карточкой и удаляются с поля красной карточкой.


{{Кратное изображение
 |подпись = Игроки предупреждаются…
 |ширина  = 60
 |изобр1  = Yellow card.svg
 |изобр2  = Red card.svg
}}


Демонстрация прозрачности формата PNG

PNG-картинка с 8-битным слоем прозрачности…
…здесь наложена на фон в клетку.


{{Кратное изображение
 |зона        = left
 |направление = vertical
 |заголовок   = Демонстрация прозрачности формата [[PNG]]
 |ширина      = 200

 |изобр1      = PNG transparency demonstration 1.png
 |подпись1    = PNG-картинка с 8-битным слоем прозрачности…

 |изобр2      = PNG transparency demonstration 2.png
 |подпись2    = …здесь наложена на фон в клетку.
}}


Пример с цветом фона и кликабельными картинками



{{Кратное изображение
 |изобр1       = Bezljudnaja_doroga.jpg
 |link1        = Безлюдная_дорога
 |изобр2       = Ploshhad' Goldenroda.jpg
 |link2       = Голденрод
 |изобр3       = Doroga_2.jpg
 |link3        = Дорога_№2
 |подпись      = <h3>[[Восточный Джото]]</h3>
 |фон_подписи  = #BBDD99
 |цвет фона    = #BBDD99
 |зона_подписи = center
 |ширина       = 300
 
}}

Пример отдельных подписей к каждому рисунку

<div class="thumb tright" style="width: Ошибка выражения: неопознанный символ пунктуации «{»px; ">

Варианты слова «about» в канадском жестовом языке

About — стандартный знак
About — атлантическая версия
About — версия провинции Онтарио


{{Кратное изображение
 |зона        = right
 |направление = vertical
 |заголовок   = Варианты слова «about» в канадском жестовом языке

 |изобр1      = About- General sign.ogv
 |подпись1    = About — стандартный знак

 |изобр2      = About- Atlantic Variation.ogv
 |подпись2    = About — атлантическая версия

 |изобр3      = About- Ontario Variation.ogv 
 |подпись3    = About — версия провинции Онтарио
}}