Template:Multiple image: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
mNo edit summary
mNo edit summary
 
(54 intermediate revisions by 15 users not shown)
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) * (0 {{#forargs:image|key|value|+ 1}})}}|{{#expr:8 {{#forargs:width|key|value|+ {{#var:value}}}} {{#forargs:image|key|value|+ 4}}}}}}}}px;{{#switch:{{{align|}}}|center|centre=margin-left:auto;margin-right:auto}}">
<div class="thumbinner" {{#if:{{{background color|}}}|style="background-color:{{{background color}}};"}}>
<div class="thumbinner multiFloatContainer">
{{#if: {{{header|}}} | <div style="clear:both;font-weight:bold;text-align:{{{header_align|center}}};background:{{{header_background|transparent}}};">{{{header}}}</div> }}
{{#forargs:image|key|value|<div {{#ifeq:{{{direction|horizontal}}}|horizontal|class="multiFloat"|class="multiVert"}} style="{{#ifeq:{{{direction|horizontal}}}|horizontal|float:left;}}margin: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>}}
<div style="{{#ifeq: {{{direction|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{width|}}} | {{{width}}} | {{{width1}}} }} }}px;"><div class="thumbimage">[[Image:{{{image1}}}|{{#if: {{{width|}}} | {{{width}}} | {{{width1}}} }}px|{{{caption1|{{{box_caption}}}}}}]]</div>{{#if: {{{caption1|}}} | <div class="thumbcaption" style="clear:left;">{{{caption1}}}</div>}}</div>
{{#if:{{{footer|}}}|<div class="thumbcaption" style="clear:left;background:{{{footer_background|none}}}">{{{footer}}}</div>}}
<div style="{{#ifeq: {{{direction|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{width|}}} | {{{width}}} | {{{width2}}} }} }}px;"><div class="thumbimage">[[Image:{{{image2}}}|{{#if: {{{width|}}} | {{{width}}} | {{{width2}}} }}px|{{{caption2|{{{box_caption}}}}}}]]</div>{{#if: {{{caption2|}}} | <div class="thumbcaption" style="clear:left;">{{{caption2}}}</div>}}</div>
</div></div></includeonly><noinclude>
{{#if: {{{image3|}}} | <div style="{{#ifeq: {{{direction|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{width|}}} | {{{width}}} | {{{width3}}} }} }}px;"><div class="thumbimage">[[Image:{{{image3}}}|{{#if: {{{width|}}} | {{{width}}} | {{{width3}}} }}px|{{{caption3|{{{box_caption}}}}}}]]</div>{{#if: {{{caption3|}}} | <div class="thumbcaption" style="clear:left;">{{{caption3}}}</div>}}</div>
{| class="wikitable" style="--bg:transparent;--darkbg:transparent"
{{#if: {{{image4|}}} | <div style="{{#ifeq: {{{direction|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{width|}}} | {{{width}}} | {{{width4}}} }} }}px;"><div class="thumbimage">[[Image:{{{image4}}}|{{#if: {{{width|}}} | {{{width}}} | {{{width4}}} }}px|{{{caption4|{{{box_caption}}}}}}]]</div>{{#if: {{{caption4|}}} | <div class="thumbcaption" style="clear:left;">{{{caption4}}}</div>}}</div>
! colspan="2" | Basic usage
{{#if: {{{image5|}}} | <div style="{{#ifeq: {{{direction|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{width|}}} | {{{width}}} | {{{width5}}} }} }}px;"><div class="thumbimage">[[Image:{{{image5}}}|{{#if: {{{width|}}} | {{{width}}} | {{{width5}}} }}px|{{{caption5|{{{box_caption}}}}}}]]</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> }}
| colspan="2" |
</div>
The multiple image template allows you to set two or more images at the same time in a image box, similar to a gallery but without wasting space. You can use unlimited images arranged in a row either horizontally or vertically. Combine the next features to create your own gallery this time! You can [[wikipedia:Template:Multiple image|go here]] to see more advanced results or to the {{tem|multiframe}} template where the images share the same image frame.
</div></includeonly><noinclude>{{tobedeleted}}</noinclude>
 
<pre>
{{multiple image
|align=left/center/right (right by default)
|direction=vertical/horizontal (horizontal by default)
|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
|align=center
|width=100
|footer=Two Koopa shells
 
|image1=MKW Green Shell Artwork.png
|alt1=Green shell
 
|image2=MKW Red Shell Artwork.png
|alt2=Red shell
}}
</pre>
|
{{multiple image
|align=center
|width=100
|footer=Two Koopa shells
 
|image1=MKW Green Shell Artwork.png
|alt1=Green shell
 
|image2=MKW Red Shell Artwork.png
|alt2=Red shell
}}
|-
!width=50% |Example 2
!width= 50%|Result
|-
|
<pre>
{{multiple image
|align=center
|direction=vertical
|width=100
|footer=The Mario Bros.
 
|image1=NSMBW Mario Solo Artwork.png
|alt1=Mario
 
|image2=NSMBW Luigi Solo Artwork.png
|alt2=Luigi
}}
</pre>
|
{{multiple image
|align=center
|direction=vertical
|width=100
|footer=The Mario Bros.
 
|image1=NSMBW Mario Solo Artwork.png
|alt1=Mario
 
|image2=NSMBW Luigi Solo Artwork.png
|alt2=Luigi
}}
|-
!width=50% |Example 3
!width= 50%|Result
|-
|
<pre>
{{multiple image
|footer=''Super Mario'' characters
 
|image1=NSMBW Mario Solo Artwork.png
|width1=83
|caption1=Mario
|alt1=The plumber
 
|image2=NSMBW Luigi Solo Artwork.png
|width2=72
|caption2=Luigi
|alt2=Mario's younger brother
 
|image3=NSMBWiiPeach.png
|width3=72
|caption3=Princess Peach
|alt3=Damsel in distress
 
|image4=NSMBW Bowser Artwork.png
|width4=97
|caption4=Bowser
|alt4=King Koopa
}}
</pre>
|
{{multiple image
|footer=''Super Mario'' characters
 
|image1=NSMBW Mario Solo Artwork.png
|width1=83
|caption1=Mario
|alt1=The plumber
 
|image2=NSMBW Luigi Solo Artwork.png
|width2=72
|caption2=Luigi
|alt2=Mario's younger brother
 
|image3=NSMBW Peach Artwork.png
|width3=72
|caption3=Princess Peach
|alt3=Damsel in distress
 
|image4=NSMBW Bowser Artwork.png
|width4=97
|caption4=Bowser
|alt4=King Koopa
}}
|}
 
[[Category:Structural templates]]</noinclude>

Latest revision as of 17:18, March 5, 2025

Basic usage

The multiple image template allows you to set two or more images at the same time in a image box, similar to a gallery but without wasting space. You can use unlimited images arranged in a row either horizontally or vertically. Combine the next features to create your own gallery this time! You can go here to see more advanced results or to the {{multiframe}} template where the images share the same image frame.

{{multiple image
|align=left/center/right (right by default)
|direction=vertical/horizontal (horizontal by default)
|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=
}}
Examples
Example 1 Result
{{multiple image
|align=center
|width=100
|footer=Two Koopa shells

|image1=MKW Green Shell Artwork.png
|alt1=Green shell

|image2=MKW Red Shell Artwork.png
|alt2=Red shell
}}
Green shell
Red shell
Two Koopa shells
Example 2 Result
{{multiple image
|align=center
|direction=vertical
|width=100
|footer=The Mario Bros.

|image1=NSMBW Mario Solo Artwork.png
|alt1=Mario

|image2=NSMBW Luigi Solo Artwork.png
|alt2=Luigi
}}
Mario
Luigi
The Mario Bros.
Example 3 Result
{{multiple image
|footer=''Super Mario'' characters

|image1=NSMBW Mario Solo Artwork.png
|width1=83
|caption1=Mario
|alt1=The plumber

|image2=NSMBW Luigi Solo Artwork.png
|width2=72
|caption2=Luigi
|alt2=Mario's younger brother

|image3=NSMBWiiPeach.png
|width3=72
|caption3=Princess Peach
|alt3=Damsel in distress

|image4=NSMBW Bowser Artwork.png
|width4=97
|caption4=Bowser
|alt4=King Koopa
}}
The plumber
Mario
Mario's younger brother
Luigi
Damsel in distress
Princess Peach
King Koopa
Bowser
Super Mario characters