View source for User:SaturnMario/Template:Multiple image

<noinclude>{{mainspace|template|status=complete}}</noinclude>
<includeonly><div class="thumb {{#switch: {{{align|}}} | left = tleft | center | centre = tnone | tright}}" style="width:{{#ifeq: {{{direction|horizontal}}} | vertical | {{#expr: {{#if: {{{width|}}} | {{{width}}} | {{{width1}}} }} + 12}} | {{#if: {{{width|}}} | {{#expr: 8 + ({{{width|0}}} + 4) * {{#if: {{{image5|}}} | 5 | {{#if: {{{image4|}}} | 4 | {{#if: {{{image3|}}} | 3 | 2 }} }} }} }} | {{#expr: 16 + {{{width1}}} + {{{width2}}} + {{{width3|0}}} + {{{width4|0}}} + {{{width5|0}}} + {{#if: {{{image5|}}} | 12 | {{#if: {{{image4|}}} | 8 | {{#if: {{{image3|}}} | 4 | 0 }} }} }} }} }} }}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:{{{header_background|transparent}}};">{{{header}}}</div> }}
<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}}} }}px|{{{alt1|{{{footer|}}}}}}]]</div>{{#if: {{{caption1|}}} | <div class="thumbcaption" style="clear:left;">{{{caption1}}}</div>}}</div>
<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}}} }}px||{{{alt2|{{{footer|}}}}}}]]</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}}} }} }}px;"><div class="thumbimage">[[File:{{{image3}}}|{{#if: {{{width|}}} | {{{width}}} | {{{width3}}} }}px|{{{alt3|{{{footer|}}}}}}]]</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}}} }} }}px;"><div class="thumbimage">[[File:{{{image4}}}|{{#if: {{{width|}}} | {{{width}}} | {{{width4}}} }}px|{{{alt4|{{{footer|}}}}}}]]</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}}} }} }}px;"><div class="thumbimage">[[File:{{{image5}}}|{{#if: {{{width|}}} | {{{width}}} | {{{width5}}} }}px|{{{alt5|{{{footer|}}}}}}]]</div>{{#if: {{{caption5|}}} | <div class="thumbcaption" style="clear:left;">{{{caption5}}}</div>}}</div>}}}}}}
{{#if: {{{footer|}}} | <div class="thumbcaption" style="clear:left;text-align:{{{footer_align|left}}};background:{{{footer_background|transparent}}};">{{{footer}}}</div> }}
</div>
</div></includeonly><noinclude>
{| class="roundy" style="margin:auto; border: 2px solid #{{bulba color dark}}; background: #{{bulba color}};"
|- bgcolor=#{{bulba color light}}
! class=roundy colspan=2 | Basic Usage
|-
| colspan=2 |
The multiple image template allows to set at more than one image at the same time in a image box, halfway similar to a gallery but without wasting space. Up to 10 pictures arranged in a row either horizontally or vertically can be used. This time, combine the next features to create your own gallery! To see more advanced results, please {{wp|Template:Multiple image|go here}}.

<pre style="width:60%">
{{Multiple image
|align = left/center/right
|direction = vertical/horizontal
|header = header for pictures
|footer = A single footer for all the pics
|width = size for all the pictures, use numbers only

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

| image2 =
| alt2 = 
| width2 = 
|caption2 = 
}}
</pre>
|-
! style="background:#{{bulba color light}}; text-align:center; {{roundytop}}"  colspan="2" | Examples 
|- bgcolor=#{{bulba color light}}
!width=50% |Example 1
!width= 50%|Result
|-
|
<pre style="width:100%">
{{Multiple image
|align = center
|direction = horizontal
|footer = The [[tower duo]]
|width = 100

| image1 = 249Lugia.png
| alt1 = Lugia

| image2 = 250Ho-Oh.png
| alt2 = Ho-Oh
}}
</pre>
|
{{user:SaturnMario/Template:Multiple image
|align = center
|direction = horizontal
|footer = The [[tower duo]]
|width = 100

| image1 = 249Lugia.png
| alt1 = Lugia

| image2 = 250Ho-Oh.png
| alt2 = Ho-Oh
}}
|- bgcolor=#{{bulba color light}}
!width=50% |Example 2
!width= 50%|Result
|-
|
<pre style="width:100%">
{{Multiple image
|align = center
|direction =vertical
|footer = {{DL|List of Pokémon with form differences|Giratina|Formes}} of {{p|Giratina}}
|width = 100

| image1 = 487Giratina-Altered.png
| alt1 = Altered Forme Giratina

| image2 = 487Giratina-Origin.png
| alt2 = Origin Forme Giratina
}}
</pre>
|
{{user:SaturnMario/Template:Multiple image
|align = center
|direction =vertical
|footer = {{DL|List of Pokémon with form differences|Giratina|Formes}} of {{p|Giratina}}
|width = 100

| image1 = 487Giratina-Altered.png
| alt1 = Altered Forme Giratina

| image2 = 487Giratina-Origin.png
| alt2 = Origin Forme Giratina
}}
|- bgcolor=#{{bulba color light}}
!width=50% |Example 3
!width= 50%|Result
|-
|
<pre style="width:100%">
{{Multiple image
|align = right
|direction = horizontal
|footer_align=center
|footer = [[Tao trio]]
|width = 64

| image1 = 643Reshiram.png
| alt1 = Vast White Pokémon
|caption1 = {{p|Reshiram}}

| image2 = 644Zekrom.png
| alt2 = Deep Black Pokémon
|caption2 = {{p|Zekrom}}

| image3 = 646Kyurem.png
| alt3 = Boundary Pokémon
|caption3 = {{p|Kyurem}}

| image4 = 646Kyurem-White.png
| alt4 = Kyurem fused with Reshiram
|caption4 = {{DL|List of Pokémon with form differences|Kyurem|White}} {{p|Kyurem}}

| image5 = 646Kyurem-Black.png
| alt5 = Kyurem fused with Zekrom
|caption5 = {{DL|List of Pokémon with form differences|Kyurem|Black}} {{p|Kyurem}}
}}
</pre>
|
{{user:SaturnMario/Template:Multiple image
|align = right
|direction = horizontal
|footer_align=center
|footer = [[Tao trio]]
|width = 64

| image1 = 643Reshiram.png
| alt1 = Vast White Pokémon
|caption1 = {{p|Reshiram}}

| image2 = 644Zekrom.png
| alt2 = Deep Black Pokémon
|caption2 = {{p|Zekrom}}

| image3 = 646Kyurem.png
| alt3 = Boundary Pokémon
|caption3 = {{p|Kyurem}}

| image4 = 646Kyurem-White.png
| alt4 = Kyurem fused with Reshiram
|caption4 = {{DL|List of Pokémon with form differences|Kyurem|White}} {{p|Kyurem}}

| image5 = 646Kyurem-Black.png
| alt5 = Kyurem fused with Zekrom
|caption5 = {{DL|List of Pokémon with form differences|Kyurem|Black}} {{p|Kyurem}}
}}
|}
<!--[[Category:Other templates|{{PAGENAME}}]]-->
</noinclude>