Jump to content

Template:Multiple image: Difference between revisions

From Fifth Empire Wiki
per request on talk page
use lua version as discussed on the talk page (please do revert though if this causes serious problems)
Line 1: Line 1:
{{#if:{{{image1|}}}{{{image2|}}}{{{image3|}}}{{{image4|}}}{{{image5|}}}{{{image6|}}}{{{image7|}}}{{{image8|}}}{{{image9|}}}{{{image10|}}}|<div class="thumb {{#switch: {{{align|}}} | left = tleft|none | center|centre = tnone | right|#default = tright}}" style="max-width: {{#switch:{{{direction|}}}<!--
{{#invoke:Multiple image|render}}<noinclude>{{documentation}}<!-- PLEASE ADD CATEGORIES TO THE /doc SUBPAGE, THANKS --></noinclude>
If stacked vertically, box width = largest width + 12 px (6 px margin on left and right) -->
| vertical              = {{#expr:
    {{#if:{{{width|}}}
      | {{{width}}}
      | {{Max/12 | {{{width1|200}}} | {{{width2|}}} | {{{width3|}}} | {{{width4|}}} | {{{width5|}}} | {{{width6|}}} | {{{width7|}}} | {{{width8|}}} | {{{width9|}}} | {{{width10|}}} | 0 }}
    }}
    + 12
  }}
| horizontal | #default  = {{#if:{{{width|}}}<!--
  If stacked horizontally and a single common width was passed for use in all images,
  box width = (common width + 4px) * number of images + 8px.
  This creates a 4px margin between the images, and a 6px margin on each side -->
  |{{#expr:
      ({{{width}}}+4)
      *
      {{Template:Multiple image/numImgs | {{{image1|}}} | {{{image2|}}} | {{{image3|}}} | {{{image4|}}} | {{{image5|}}} | {{{image6|}}} | {{{image7|}}} | {{{image8|}}} | {{{image9|}}} | {{{image10|}}} }}
      +
      9
      }}<!--
  If stacked horizontally and a custom width was passed for each image,
  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:
      {{#if:{{{image1|}}} |{{{width1|200}}}}}+
      {{#if:{{{image2|}}} |{{{width2|200}}}}}+
      {{#if:{{{image3|}}} |{{{width3|200}}}}}+
      {{#if:{{{image4|}}} |{{{width4|200}}}}}+
      {{#if:{{{image5|}}} |{{{width5|200}}}}}+
      {{#if:{{{image6|}}} |{{{width6|200}}}}}+
      {{#if:{{{image7|}}} |{{{width7|200}}}}}+
      {{#if:{{{image8|}}} |{{{width8|200}}}}}+
      {{#if:{{{image9|}}} |{{{width9|200}}}}}+
      {{#if:{{{image10|}}} |{{{width10|200}}}}}
      +
      4 * ({{Template:Multiple image/numImgs | {{{image1|}}} | {{{image2|}}} | {{{image3|}}} | {{{image4|}}} | {{{image5|}}} | {{{image6|}}} | {{{image7|}}} | {{{image8|}}} | {{{image9|}}} | {{{image10|}}} }} - 2)
      +
      17
      }}
  }}
}}px; {{#switch: {{{align|}}} | center | centre = margin: 0 auto;}}{{#if:{{{background color|}}}|background-color: {{{background color}}} }}">
<div class="thumbinner" {{#if:{{{background color|}}}|style="background-color: {{{background color}}}"}}>
{{#if:{{{header|}}}|
<div style="clear: both; font-weight: bold; text-align: {{{header_align|center}}}; background-color: {{{header_background|transparent}}}">
{{{header}}}
</div>
}}{{#if:{{{image1|}}}|
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width1|200}}}}}}}px">
<div class="thumbimage">[[file:{{{image1}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width1|200}}} }}px{{#ifeq:{{{link1|:}}}|:||{{!}}link={{{link1}}}}}|alt={{{alt1|}}}]]
</div>
{{#if:{{{caption1|}}}|
<div class="thumbcaption" style="clear:left">{{{caption1}}}
</div>
}}
</div>
}}{{#if:{{{image2|}}}|
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width2|200}}}}}}}px">
<div class="thumbimage">[[file:{{{image2}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width2|200}}} }}px{{#ifeq:{{{link2|:}}}|:||{{!}}link={{{link2}}}}}|alt={{{alt2|}}}]]
</div>{{#if:{{{caption2|}}}|
<div class="thumbcaption" style="clear:left">{{{caption2}}}
</div>
}}
</div>
}}{{#if:{{{image3|}}}|
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width3|200}}}}}}}px">
<div class="thumbimage">[[file:{{{image3}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width3|200}}} }}px{{#ifeq:{{{link3|:}}}|:||{{!}}link={{{link3}}}}}|alt={{{alt3|}}}]]
</div>{{#if:{{{caption3|}}}|
<div class="thumbcaption" style="clear:left">{{{caption3}}}
</div>
}}
</div>
}}{{#if:{{{image4|}}}|
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width4|200}}}}}}}px">
<div class="thumbimage">[[file:{{{image4}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width4|200}}} }}px{{#ifeq:{{{link4|:}}}|:||{{!}}link={{{link4}}}}}|alt={{{alt4|}}}]]
</div>{{#if:{{{caption4|}}}|
<div class="thumbcaption" style="clear:left">{{{caption4}}}
</div>
}}
</div>
}}{{#if:{{{image5|}}}|
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width5|200}}}}}}}px">
<div class="thumbimage">[[file:{{{image5}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width5|200}}} }}px{{#ifeq:{{{link5|:}}}|:||{{!}}link={{{link5}}}}}|alt={{{alt5|}}}]]
</div>{{#if:{{{caption5|}}}|
<div class="thumbcaption" style="clear:left">{{{caption5}}}
</div>
}}
</div>
}}{{#if:{{{image6|}}}|
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width6|200}}}}}}}px">
<div class="thumbimage">[[file:{{{image6}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width6|200}}} }}px{{#ifeq:{{{link6|:}}}|:||{{!}}link={{{link6}}}}}|alt={{{alt6|}}}]]
</div>{{#if:{{{caption6|}}}|
<div class="thumbcaption" style="clear:left">{{{caption6}}}
</div>
}}
</div>
}}{{#if:{{{image7|}}}|
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width7|200}}}}}}}px">
<div class="thumbimage">[[file:{{{image7}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width7|200}}} }}px{{#ifeq:{{{link7|:}}}|:||{{!}}link={{{link7}}}}}|alt={{{alt7|}}}]]
</div>{{#if:{{{caption7|}}}|
<div class="thumbcaption" style="clear:left">{{{caption7}}}
</div>
}}
</div>
}}{{#if:{{{image8|}}}|
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width8|200}}}}}}}px">
<div class="thumbimage">[[file:{{{image8}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width8|200}}} }}px{{#ifeq:{{{link8|:}}}|:||{{!}}link={{{link8}}}}}|alt={{{alt8|}}}]]
</div>{{#if:{{{caption8|}}}|
<div class="thumbcaption" style="clear:left">{{{caption8}}}
</div>
}}
</div>
}}{{#if:{{{image9|}}}|
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width9|200}}}}}}}px">
<div class="thumbimage">[[file:{{{image9}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width9|200}}} }}px{{#ifeq:{{{link9|:}}}|:||{{!}}link={{{link9}}}}}|alt={{{alt9|}}}]]
</div>{{#if:{{{caption9|}}}|
<div class="thumbcaption" style="clear:left">{{{caption9}}}
</div>
}}
</div>
}}{{#if:{{{image10|}}}|
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width10|200}}}}}}}px">
<div class="thumbimage">[[file:{{{image10}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width10|200}}} }}px{{#ifeq:{{{link10|:}}}|:||{{!}}link={{{link10}}}}}|alt={{{alt10|}}}]]
</div>{{#if:{{{caption10|}}}|
<div class="thumbcaption" style="clear:left">{{{caption10}}}
</div>
}}
</div>
}}{{#if:{{{footer|}}}|
<div class="thumbcaption" style="clear: left; text-align: {{{footer_align|left}}}; background: {{{footer_background|transparent}}}">{{{footer}}}
</div>
}}
</div>
</div>
}}<noinclude>{{doc}}<!-- PLEASE ADD CATEGORIES AND INTERWIKIS TO THE /doc SUBPAGE, THANKS --></noinclude>

Revision as of 18:41, 17 November 2014