Editing Template:Multiple image

Template page
Warning: You are not logged in. Your IP address will be publicly visible if you make any edits. If you log in or create an account, your edits will be attributed to your username, along with other benefits.

The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.

Latest revision Your text
Line 1: Line 1:
<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}}};}}">
<includeonly><div class="thumb {{#switch: {{{align|}}} | left = tleft | center | centre = tnone | tright}}" style="max-width:{{#ifeq: {{{direction|horizontal}}} | vertical | {{#expr: {{#if: {{{width|}}} | {{{width}}} | {{{width1}}} }} + 12}} | {{#if: {{{width|}}} | {{#expr: 8 + ({{{width|0}}} + 4) * {{#if: {{{image7|}}} | 7 | {{#if: {{{image6|}}} | 6 | {{#if: {{{image5|}}} | 5 |4 }} }} }} }} | {{#expr: 16 + {{{width1}}} + {{{width2}}} + {{{width3|0}}} + {{{width4|0}}} + {{{width5|0}}} + {{#if: {{{image7|}}} | 12 | {{#if: {{{image5|}}} | 8 | {{#if: {{{image5|}}} | 6 | 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}}};"}}>
<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> }}
{{#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 {{#ifeq: {{{direction|horizontal}}} | horizontal | class="multiFloat" | class="multiVert"}} style="{{#ifeq: {{{direction|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{width|}}} | {{{width}}} | {{{width1}}} }} }}px!important;"><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>
<div {{#ifeq: {{{direction|horizontal}}} | horizontal | class="multiFloat" | class="multiVert"}} style="{{#ifeq: {{{direction|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{width|}}} | {{{width}}} | {{{width2}}} }} }}px!important;"><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: {{{image3|}}} | <div {{#ifeq: {{{direction|horizontal}}} | horizontal | class="multiFloat" | class="multiVert"}} style="{{#ifeq: {{{direction|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{width|}}} | {{{width}}} | {{{width3}}} }} }}px!important;"><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: {{{image4|}}} | <div {{#ifeq: {{{direction|horizontal}}} | horizontal | class="multiFloat" | class="multiVert"}} style="{{#ifeq: {{{direction|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{width|}}} | {{{width}}} | {{{width4}}} }} }}px!important;"><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: {{{image7|}}} | <div {{#ifeq: {{{direction|horizontal}}} | horizontal | class="multiFloat" | class="multiVert"}} style="{{#ifeq: {{{direction|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{width|}}} | {{{width}}} | {{{width5}}} }} }}px!important;"><div class="thumbimage">[[File:{{{image7}}}|{{#if: {{{width|}}} | {{{width}}} | {{{width5}}} }}px|{{{alt5|{{{footer|}}}}}}]]</div>{{#if: {{{caption5|}}} | <div class="thumbcaption" style="clear:left;">{{{caption5}}}</div>}}</div>}}}}}}{{#if: {{{footer|}}} |
{{#if: {{{footer|}}} | <div class="thumbcaption" style="clear:left;text-align:{{{footer_align|left}}};background:{{{footer_background|transparent}}};">{{{footer}}}</div> }}
<div class="thumbcaption" style="clear:left;text-align:{{{footer_align|left}}};background:{{{footer_background|transparent}}};">{{{footer}}}</div> }}
</div>
</div>
</div></includeonly><noinclude>
</div></includeonly><noinclude>
Line 15: Line 15:
|-
|-
| colspan=2 |
| colspan=2 |
The multiple image template allows to set two or more images at the same time in a image box, kinda similar to a gallery but without wasting space. You can use up to 10 pictures arranged in a row either horizontally or vertically.
The multiple image template allows to set two or more images at the same time in a image box, kinda similar to a gallery but without wasting space. You can use up to 5 pictures arranged in a row either horizontally or vertically. Combine the next features to create your own gallery this time! You can [http://en.wikipedia.org/wiki/Template:Multiple_image go here] to see more advanced results or to the {{tem|Multiframe}} template where the images share the same image frame.


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


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


| image2 =
|image2=
| alt2 =  
|alt2=
| width2 =  
|width2=
|caption2 =  
|caption2=
}}
}}
</pre>
</pre>
|-
! colspan=2 bgcolor=gainsboro | Examples
|- bgcolor=gainsboro
!width=50% |Example 1
!width= 50%|Result
|-
|
<pre style="width:100%">
{{multiple image
|align=center
|direction=horizontal
|footer=Two Koopa Shells
|width=100
|image1=Green Shell Artwork - Mario Kart Wii.png
|alt1=green shell
|image2=MKW Red Shell Artwork.png
|alt2=red shell
}}
</pre>
|
{{multiple image
|align=center
|direction=horizontal
|footer=Two Koopa Shells
|width=100
|image1=Green Shell Artwork - Mario Kart Wii.png
|alt1=green shell
|image2=MKW Red Shell Artwork.png
|alt2=red shell
}}
|- bgcolor=gainsboro
!width=50% |Example 2
!width= 50%|Result
|-
|
<pre style="width:100%">
{{multiple image
|align=center
|direction=vertical
|footer=The Mario Bros.
|width=100
|image1=NSMBW Mario Solo Artwork.png
|alt1=Mario
|image2=NSMBW Luigi Solo Artwork.png
|alt2=Luigi
}}
</pre>
|
{{multiple image
|align=center
|direction=vertical
|footer=The Mario Bros.
|width=100
|image1=NSMBW Mario Solo Artwork.png
|alt1=Mario
|image2=NSMBW Luigi Solo Artwork.png
|alt2=Luigi
}}
|- bgcolor=gainsboro
|- bgcolor=gainsboro
!width=50% |Example
!width=50% |Example 3
!width= 50%|Result
!width= 50%|Result
|-
|-
Line 43: Line 101:
<pre style="width:100%">
<pre style="width:100%">
{{multiple image
{{multiple image
|align = right
|align=right
|direction = horizontal
|direction=horizontal
|footer_align=center
|footer_align=center
|footer = Main Weapons
|footer=Marioverse Protagonists


| image1 = S Weapon Main H-3 Nozzlenose.png
|image1=NSMBW Mario Solo Artwork.png
| alt1 = H-3 Nozzlenose
|alt1=The plumber
| width1 = 80
|width1=83
|caption1 = H-3 Nozzle
|caption1=Mario


| image2 = S Weapon Main L-3 Nozzlenose.png
|image2=NSMBW Luigi Solo Artwork.png
| alt2 = L-3 Nozzlenose
|alt2=Mario's younger brother
| width2 = 80
|width2=72
|caption2 = L-3 Nozzlenose
|caption2=Luigi


| image3 = S Weapon Main Splat Roller.png
|image3=NSMBWiiPeach.png
| alt3 = Splat Roller
|alt3=Damsel in distress
| width3 = 80
|width3=72
|caption3 = Splat Roller
|caption3=Princess Peach


| image4 = S Weapon Main Splat Charger.png
|image4=NSMBW Bowser Artwork.png
| alt4 = Splat Charger
|alt4=King Koopa
| width4 = 80
|width4=97
|caption4 = Splat Charger
|caption4=Bowser
}}
}}
</pre>
</pre>
|
|
{{multiple image
{{multiple image
|align = right
|align=right
|direction = horizontal
|direction=horizontal
|footer_align=center
|footer_align=center
|footer = Main Weapons
|footer=Marioverse Protagonists


| image1 = S Weapon Main H-3 Nozzlenose.png
|image1=NSMBW Mario Solo Artwork.png
| alt1 = H-3 Nozzlenose
|alt1=The plumber
| width1 = 80
|width1=83
|caption1 = H-3 Nozzle
|caption1=Mario


| image2 = S Weapon Main L-3 Nozzlenose.png
|image2=NSMBW Luigi Solo Artwork.png
| alt2 = L-3 Nozzlenose
|alt2=Mario's younger brother
| width2 = 80
|width2=72
|caption2 = L-3 Nozzlenose
|caption2=Luigi


| image3 = S Weapon Main Splat Roller.png
|image3=NSMBW Peach Artwork.png
| alt3 = Splat Roller
|alt3=Damsel in distress
| width3 = 80
|width3=72
|caption3 = Splat Roller
|caption3=Princess Peach


| image4 = S Weapon Main Splat Charger.png
|image4=NSMBW Bowser Artwork.png
| alt4 = Splat Charger
|alt4=King Koopa
| width4 = 80
|width4=97
|caption4 = Splat Charger
|caption4=Bowser
}}
}}
|}
|}
[[Category:Templates]]
[[Category:Templates|{{PAGENAME}}]]</noinclude>
</noinclude>
Please note that all contributions to The Wandering Inn Wiki are considered to be released under the Creative Commons attribution – non commercial – share alike (see The Wandering Inn Wiki:Copyrights for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource. Do not submit copyrighted work without permission!
Cancel Editing help (opens in new window)

Template used on this page: