Template:Multiple image: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
| Line 22: | Line 22: | ||
box width = sum of all widths + 4px of margin between each pair of images + 16px of margin (8px on each side of the box) (why not 6px as in other cases?...) --> | box width = sum of all widths + 4px of margin between each pair of images + 16px of margin (8px on each side of the box) (why not 6px as in other cases?...) --> | ||
|{{#expr: | |{{#expr: | ||
{{#if:{{{image1|}}} |{{{width1| | {{#if:{{{image1|}}} |{{{width1|}}}}}+ | ||
{{#if:{{{image2|}}} |{{{width2| | {{#if:{{{image2|}}} |{{{width2|}}}}}+ | ||
{{#if:{{{image3|}}} |{{{width3| | {{#if:{{{image3|}}} |{{{width3|}}}}}+ | ||
{{#if:{{{image4|}}} |{{{width4| | {{#if:{{{image4|}}} |{{{width4|}}}}}+ | ||
{{#if:{{{image5|}}} |{{{width5| | {{#if:{{{image5|}}} |{{{width5|}}}}}+ | ||
{{#if:{{{image6|}}} |{{{width6| | {{#if:{{{image6|}}} |{{{width6|}}}}}+ | ||
{{#if:{{{image7|}}} |{{{width7| | {{#if:{{{image7|}}} |{{{width7|}}}}}+ | ||
{{#if:{{{image8|}}} |{{{width8| | {{#if:{{{image8|}}} |{{{width8|}}}}}+ | ||
{{#if:{{{image9|}}} |{{{width9| | {{#if:{{{image9|}}} |{{{width9|}}}}}+ | ||
{{#if:{{{image10|}}} |{{{width10| | {{#if:{{{image10|}}} |{{{width10|}}}}} | ||
+ | + | ||
4 * ({{Template:Multiple image/numImgs | {{{image1|}}} | {{{image2|}}} | {{{image3|}}} | {{{image4|}}} | {{{image5|}}} | {{{image6|}}} | {{{image7|}}} | {{{image8|}}} | {{{image9|}}} | {{{image10|}}} }} - 2) | 4 * ({{Template:Multiple image/numImgs | {{{image1|}}} | {{{image2|}}} | {{{image3|}}} | {{{image4|}}} | {{{image5|}}} | {{{image6|}}} | {{{image7|}}} | {{{image8|}}} | {{{image9|}}} | {{{image10|}}} }} - 2) | ||
| Line 45: | Line 45: | ||
</div> | </div> | ||
}}{{#if:{{{image1|}}}| | }}{{#if:{{{image1|}}}| | ||
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width1| | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width1|}}}}}}}px"> | ||
<div class="thumbimage">[[file:{{{image1}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width1| | <div class="thumbimage">[[file:{{{image1}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width1|}}} }}px{{#ifeq:{{{link1|:}}}|:||{{!}}link={{{link1}}}}}|alt={{{alt1|}}}]] | ||
</div> | </div> | ||
{{#if:{{{caption1|}}}| | {{#if:{{{caption1|}}}| | ||
| Line 54: | Line 54: | ||
</div> | </div> | ||
}}{{#if:{{{image2|}}}| | }}{{#if:{{{image2|}}}| | ||
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width2| | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width2|}}}}}}}px"> | ||
<div class="thumbimage">[[file:{{{image2}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width2| | <div class="thumbimage">[[file:{{{image2}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width2|}}} }}px{{#ifeq:{{{link2|:}}}|:||{{!}}link={{{link2}}}}}|alt={{{alt2|}}}]] | ||
</div>{{#if:{{{caption2|}}}| | </div>{{#if:{{{caption2|}}}| | ||
<div class="thumbcaption" style="clear:left">{{{caption2}}} | <div class="thumbcaption" style="clear:left">{{{caption2}}} | ||
| Line 62: | Line 62: | ||
</div> | </div> | ||
}}{{#if:{{{image3|}}}| | }}{{#if:{{{image3|}}}| | ||
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width3| | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width3|}}}}}}}px"> | ||
<div class="thumbimage">[[file:{{{image3}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width3| | <div class="thumbimage">[[file:{{{image3}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width3|}}} }}px{{#ifeq:{{{link3|:}}}|:||{{!}}link={{{link3}}}}}|alt={{{alt3|}}}]] | ||
</div>{{#if:{{{caption3|}}}| | </div>{{#if:{{{caption3|}}}| | ||
<div class="thumbcaption" style="clear:left">{{{caption3}}} | <div class="thumbcaption" style="clear:left">{{{caption3}}} | ||
| Line 70: | Line 70: | ||
</div> | </div> | ||
}}{{#if:{{{image4|}}}| | }}{{#if:{{{image4|}}}| | ||
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width4| | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width4|}}}}}}}px"> | ||
<div class="thumbimage">[[file:{{{image4}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width4| | <div class="thumbimage">[[file:{{{image4}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width4|}}} }}px{{#ifeq:{{{link4|:}}}|:||{{!}}link={{{link4}}}}}|alt={{{alt4|}}}]] | ||
</div>{{#if:{{{caption4|}}}| | </div>{{#if:{{{caption4|}}}| | ||
<div class="thumbcaption" style="clear:left">{{{caption4}}} | <div class="thumbcaption" style="clear:left">{{{caption4}}} | ||
| Line 78: | Line 78: | ||
</div> | </div> | ||
}}{{#if:{{{image5|}}}| | }}{{#if:{{{image5|}}}| | ||
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width5| | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width5|}}}}}}}px"> | ||
<div class="thumbimage">[[file:{{{image5}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width5| | <div class="thumbimage">[[file:{{{image5}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width5|}}} }}px{{#ifeq:{{{link5|:}}}|:||{{!}}link={{{link5}}}}}|alt={{{alt5|}}}]] | ||
</div>{{#if:{{{caption5|}}}| | </div>{{#if:{{{caption5|}}}| | ||
<div class="thumbcaption" style="clear:left">{{{caption5}}} | <div class="thumbcaption" style="clear:left">{{{caption5}}} | ||
| Line 86: | Line 86: | ||
</div> | </div> | ||
}}{{#if:{{{image6|}}}| | }}{{#if:{{{image6|}}}| | ||
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width6| | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width6|}}}}}}}px"> | ||
<div class="thumbimage">[[file:{{{image6}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width6| | <div class="thumbimage">[[file:{{{image6}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width6|}}} }}px{{#ifeq:{{{link6|:}}}|:||{{!}}link={{{link6}}}}}|alt={{{alt6|}}}]] | ||
</div>{{#if:{{{caption6|}}}| | </div>{{#if:{{{caption6|}}}| | ||
<div class="thumbcaption" style="clear:left">{{{caption6}}} | <div class="thumbcaption" style="clear:left">{{{caption6}}} | ||
| Line 94: | Line 94: | ||
</div> | </div> | ||
}}{{#if:{{{image7|}}}| | }}{{#if:{{{image7|}}}| | ||
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width7| | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width7|}}}}}}}px"> | ||
<div class="thumbimage">[[file:{{{image7}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width7| | <div class="thumbimage">[[file:{{{image7}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width7|}}} }}px{{#ifeq:{{{link7|:}}}|:||{{!}}link={{{link7}}}}}|alt={{{alt7|}}}]] | ||
</div>{{#if:{{{caption7|}}}| | </div>{{#if:{{{caption7|}}}| | ||
<div class="thumbcaption" style="clear:left">{{{caption7}}} | <div class="thumbcaption" style="clear:left">{{{caption7}}} | ||
| Line 102: | Line 102: | ||
</div> | </div> | ||
}}{{#if:{{{image8|}}}| | }}{{#if:{{{image8|}}}| | ||
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width8| | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width8|}}}}}}}px"> | ||
<div class="thumbimage">[[file:{{{image8}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width8| | <div class="thumbimage">[[file:{{{image8}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width8|}}} }}px{{#ifeq:{{{link8|:}}}|:||{{!}}link={{{link8}}}}}|alt={{{alt8|}}}]] | ||
</div>{{#if:{{{caption8|}}}| | </div>{{#if:{{{caption8|}}}| | ||
<div class="thumbcaption" style="clear:left">{{{caption8}}} | <div class="thumbcaption" style="clear:left">{{{caption8}}} | ||
| Line 110: | Line 110: | ||
</div> | </div> | ||
}}{{#if:{{{image9|}}}| | }}{{#if:{{{image9|}}}| | ||
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width9| | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width9|}}}}}}}px"> | ||
<div class="thumbimage">[[file:{{{image9}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width9| | <div class="thumbimage">[[file:{{{image9}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width9|}}} }}px{{#ifeq:{{{link9|:}}}|:||{{!}}link={{{link9}}}}}|alt={{{alt9|}}}]] | ||
</div>{{#if:{{{caption9|}}}| | </div>{{#if:{{{caption9|}}}| | ||
<div class="thumbcaption" style="clear:left">{{{caption9}}} | <div class="thumbcaption" style="clear:left">{{{caption9}}} | ||
| Line 118: | Line 118: | ||
</div> | </div> | ||
}}{{#if:{{{image10|}}}| | }}{{#if:{{{image10|}}}| | ||
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width10| | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width10|}}}}}}}px"> | ||
<div class="thumbimage">[[file:{{{image10}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width10| | <div class="thumbimage">[[file:{{{image10}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width10|}}} }}px{{#ifeq:{{{link10|:}}}|:||{{!}}link={{{link10}}}}}|alt={{{alt10|}}}]] | ||
</div>{{#if:{{{caption10|}}}| | </div>{{#if:{{{caption10|}}}| | ||
<div class="thumbcaption" style="clear:left">{{{caption10}}} | <div class="thumbcaption" style="clear:left">{{{caption10}}} | ||
| Line 128: | Line 128: | ||
<div class="thumbcaption" style="clear: left; text-align: {{{footer_align|left}}}; background: {{{footer_background|transparent}}}">{{{footer}}} | <div class="thumbcaption" style="clear: left; text-align: {{{footer_align|left}}}; background: {{{footer_background|transparent}}}">{{{footer}}} | ||
</div> | </div> | ||
}} | }}</div></div>}} | ||
</div> | |||
</div> | |||
}} | |||