View source for Template:Multiple image

<includeonly><div class="thumb {{#switch:{{{align|}}}|left=tleft|center|centre=tnone|tright}}" style="max-width:{{{total_width|{{#ifeq:{{{direction|horizontal}}}|vertical|{{#expr:{{#if:{{{width|}}}|{{{width}}}|{{{width1}}}}} + 12}}|{{#if:{{{width|}}}|{{#expr:8 + ({{{width|0}}} + 4) * (0 {{#forargs:image|key|value|+ 1}})}}|{{#expr:8 {{#forargs:width|key|value|+ {{#var:value}}}} {{#forargs:image|key|value|+ 4}}}}}}}}}}}px !important;{{#switch:{{{align|}}}|center|centre=margin-left:auto;margin-right:auto}}">
<div class="thumbinner multiFloatContainer">
{{#forargs:image|key|value|<div {{#ifeq:{{{direction|horizontal}}}|horizontal|class="multiFloat"|class="multiVert"}} style="{{#ifeq:{{{direction|horizontal}}}|horizontal|float:left;}}padding:1px;width:{{#expr:2 + {{#if:{{{width|}}}|{{{width}}}|{{{width{{#var:key}}}}}}}}}px"><div class="thumbimage">[[File:{{#var:value}}|{{#if:{{{width|}}}|{{{width}}}|{{{width{{#var:key}}}}}}}px|{{{alt{{#var:key}}|{{{footer|}}}}}}]]</div>{{#if:{{{caption{{#var:key}}|}}}|<div class="thumbcaption" style="clear:left">{{{caption{{#var:key}}}}}</div>}}</div>{{#if:{{{perrow|}}}|{{#ifexpr:{{#var:key}} mod {{{perrow}}} = 0|<br>}}}}}}
{{#if:{{{footer|}}}|<div class="thumbcaption" style="clear:left;background:{{{footer_background|none}}}">{{{footer}}}</div>}}
</div></div></includeonly><noinclude>
{| class="wikitable" style="width:100%;--bg:transparent;--darkbg:transparent"
! colspan="2" | Basic usage
|-
| colspan="2" |
The multiple image template allows you to place two or more images within the same thumbnail box. You can use any number of images arranged either horizontally or vertically.

<pre>
{{multiple image
|align=left/center/right (right by default)
|direction=vertical/horizontal (horizontal by default)
|perrow=number of images per horizontal row (all by default)
|total_width=the total overall width (used with perrow)
|width=size for all the pictures, use numbers only
|footer=A single footer for all the pics

|image1=set a pic
|width1=size for an specific picture, use numbers only
|caption1=caption for an specific picture
|alt1=alternate text for pic

|image2=
|width2=
|caption2=
|alt2=
}}
</pre>
|-
! colspan="2" | Examples 
|-
! width="50%" | Example 1
! width="50%" | Result
|-
|
<pre>
{{multiple image
|width=100
|footer=Two health packs

|image1=Help.png
|alt1=Health pack

|image2=Help.png
|alt2=Health pack
}}
</pre>
|
{{multiple image
|width=100
|footer=Two health packs

|image1=Help.png
|alt1=Health pack

|image2=Help.png
|alt2=Health pack
}}
|-
!width=50% |Example 2
!width= 50%|Result
|-
|
<pre>
{{multiple image
|align=center
|direction=vertical
|width=100
|footer=Two health packs

|image1=Help.png
|alt1=Health pack

|image2=Help.png
|alt2=Health pack
}}
</pre>
|
{{multiple image
|align=center
|direction=vertical
|width=100
|footer=Two health packs

|image1=Help.png
|alt1=Health pack

|image2=Help.png
|alt2=Health pack
}}
|-
!width=50% |Example 3
!width= 50%|Result
|-
|
<pre>
{{multiple image
|align=left
|footer=Four images

|image1=Help.png
|width1=72
|caption1=Health pack
|alt1=A health pack

|image2=HTMCC HCEA Achievement Steam LikeaFineWine.jpg
|width2=72
|caption2=Achievement
|alt2=Like a Fine Wine achievement image

|image3=Black One 02.png
|width3=56
|caption3=Margaret
|alt3=Margaret-053

|image4=Black One.png
|width4=118
|caption4=Margaret-053
|alt4=Margaret-053
}}
</pre>
|
{{multiple image
|align=left
|footer=Four images

|image1=Help.png
|width1=72
|caption1=Health pack
|alt1=A health pack

|image2=HTMCC HCEA Achievement Steam LikeaFineWine.jpg
|width2=72
|caption2=Achievement
|alt2=Like a Fine Wine achievement image

|image3=Black One 02.png
|width3=56
|caption3=Margaret
|alt3=Margaret-053

|image4=Black One.png
|width4=118
|caption4=Margaret-053
|alt4=Margaret-053
}}
|-
!width=50% |Example 4
!width= 50%|Result
|-
|
<pre>
{{multiple image
|perrow=2
|total_width=166
|footer=All of your favorite images related to ''Halo''

|image1=Help.png
|width1=75

|image2=HTMCC HCEA Achievement Steam LikeaFineWine.jpg
|width2=75

|image3=Black One 02.png
|width3=48

|image4=Black One.png
|width4=102
}}
</pre>
|
{{multiple image
|perrow=2
|total_width=166
|footer=All of your favorite images related to ''Halo''

|image1=Help.png
|width1=75

|image2=HTMCC HCEA Achievement Steam LikeaFineWine.jpg
|width2=75

|image3=Black One 02.png
|width3=48

|image4=Black One.png
|width4=102
}}
|}

[[Category:Templates]]</noinclude>