Difference between revisions of "Template:Multiple image"

From Holocron - Star Wars Combine
Jump to: navigation, search
(Created page with "{{multiple image|caption_align=center|header_align=center <!-- Essential parameters --> | align = <!-- right (default), left, center, none --> | direction ...")
 
 
(4 intermediate revisions by the same user not shown)
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="width: {{#switch:{{{direction|}}}<!--
 +
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>
 +
===Usage===
 +
 +
<pre><nowiki>
 
{{multiple image|caption_align=center|header_align=center
 
{{multiple image|caption_align=center|header_align=center
 
<!-- Essential parameters -->
 
<!-- Essential parameters -->
Line 31: Line 168:
 
  | footer            =  
 
  | footer            =  
 
}}
 
}}
 +
</nowiki></pre>
 +
[[Category:Templates|{{PAGENAME}}]]</noinclude>

Latest revision as of 14:40, 29 June 2015


Usage

{{multiple image|caption_align=center|header_align=center
<!-- Essential parameters -->
 | align             = <!-- right (default), left, center, none --> 
 | direction         = <!-- horizontal (default), vertical -->
 | background color  = <!-- box background -->

<!-- Header -->
 | header_background = 
 | header_align      = <!-- center (default), left, right -->
 | header            = 

<!-- Images -->
 | width             = <!-- image width in pixels (an integer, omit "px" suffix); overrides "width[n]"s below -->
<!--image 1-->
 | image1            = <!-- filename only, i.e. without "File:" or "Image:" prefix -->
 | width1            = 
 | alt1              = 
 | link1             = 
 | caption1          = 
<!--image 2-->
 | image2            = <!-- filename only, i.e. without "File:" or "Image:" prefix -->
 | width2            = 
 | alt2              = 
 | link2             = 
 | caption2          = 
<!-- and so on, to a maximum of 10 images (image10) -->

<!-- Footer -->
 | footer_background = 
 | footer_align      = <!-- left (default), center, right -->
 | footer            = 
}}