Template:Multiple image: Difference between revisions
From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
mNo edit summary |
(footer should be used) |
||
Line 1: | Line 1: | ||
<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: {{{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;}}"> | <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: {{{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;}}"> | ||
<div class="thumbinner multiFloatContainer"> | <div class="thumbinner multiFloatContainer"> | ||
<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;"><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;"><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}}} | {{{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;"><div class="thumbimage">[[File:{{{image2}}}|{{#if: {{{width|}}} | {{{width}}} | {{{width2}}} }}px||{{{alt2|{{{footer|}}}}}}]]</div>{{#if: {{{caption2|}}} | <div class="thumbcaption" style="clear:left;">{{{caption2}}}</div>}}</div> | ||
Line 19: | Line 18: | ||
<pre style="width:60%"> | <pre style="width:60%"> | ||
{{multiple image | {{multiple image | ||
|align=left/center/right | |align=left/center/right (right by default) | ||
|direction=vertical/horizontal | |direction=vertical/horizontal (horizontal by default) | ||
| | |width=size for all the pictures, use numbers only | ||
|footer=A single footer for all the pics | |footer=A single footer for all the pics | ||
|image1=set a pic | |image1=set a 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 | ||
|alt1=alternate text for pic | |||
|image2= | |image2= | ||
|width2= | |width2= | ||
|caption2= | |caption2= | ||
|alt2= | |||
}} | }} | ||
</pre> | </pre> | ||
Line 46: | Line 44: | ||
{{multiple image | {{multiple image | ||
|align=center | |align=center | ||
| | |width=100 | ||
|footer=Two Koopa shells | |footer=Two Koopa shells | ||
|image1=MKW Green Shell Artwork.png | |image1=MKW Green Shell Artwork.png | ||
|alt1=green shell | |alt1=green shell | ||
|image2=MKW Red Shell Artwork.png | |image2=MKW Red Shell Artwork.png | ||
|alt2=red shell | |alt2=red shell | ||
Line 58: | Line 57: | ||
{{multiple image | {{multiple image | ||
|align=center | |align=center | ||
| | |width=100 | ||
|footer=Two Koopa shells | |footer=Two Koopa shells | ||
|image1=MKW Green Shell Artwork.png | |image1=MKW Green Shell Artwork.png | ||
|alt1=green shell | |alt1=green shell | ||
|image2=MKW Red Shell Artwork.png | |image2=MKW Red Shell Artwork.png | ||
|alt2=red shell | |alt2=red shell | ||
Line 75: | Line 75: | ||
|align=center | |align=center | ||
|direction=vertical | |direction=vertical | ||
|width=100 | |||
|footer=The Mario Bros. | |footer=The Mario Bros. | ||
|image1=NSMBW Mario Solo Artwork.png | |image1=NSMBW Mario Solo Artwork.png | ||
|alt1=Mario | |alt1=Mario | ||
|image2=NSMBW Luigi Solo Artwork.png | |image2=NSMBW Luigi Solo Artwork.png | ||
|alt2=Luigi | |alt2=Luigi | ||
Line 87: | Line 89: | ||
|align=center | |align=center | ||
|direction=vertical | |direction=vertical | ||
|width=100 | |||
|footer=The Mario Bros. | |footer=The Mario Bros. | ||
|image1=NSMBW Mario Solo Artwork.png | |image1=NSMBW Mario Solo Artwork.png | ||
|alt1=Mario | |alt1=Mario | ||
|image2=NSMBW Luigi Solo Artwork.png | |image2=NSMBW Luigi Solo Artwork.png | ||
|alt2=Luigi | |alt2=Luigi | ||
Line 101: | Line 105: | ||
<pre style="width:100%"> | <pre style="width:100%"> | ||
{{multiple image | {{multiple image | ||
|footer=''Super Mario'' characters | |footer=''Super Mario'' characters | ||
|image1=NSMBW Mario Solo Artwork.png | |image1=NSMBW Mario Solo Artwork.png | ||
|width1=83 | |width1=83 | ||
|caption1=Mario | |caption1=Mario | ||
|alt1=The plumber | |||
|image2=NSMBW Luigi Solo Artwork.png | |image2=NSMBW Luigi Solo Artwork.png | ||
|width2=72 | |width2=72 | ||
|caption2=Luigi | |caption2=Luigi | ||
|alt2=Mario's younger brother | |||
|image3=NSMBWiiPeach.png | |image3=NSMBWiiPeach.png | ||
|width3=72 | |width3=72 | ||
|caption3=Princess Peach | |caption3=Princess Peach | ||
|alt3=Damsel in distress | |||
|image4=NSMBW Bowser Artwork.png | |image4=NSMBW Bowser Artwork.png | ||
|width4=97 | |width4=97 | ||
|caption4=Bowser | |caption4=Bowser | ||
|alt4=King Koopa | |||
}} | }} | ||
</pre> | </pre> | ||
| | | | ||
{{multiple image | {{multiple image | ||
|footer=''Super Mario'' characters | |footer=''Super Mario'' characters | ||
|image1=NSMBW Mario Solo Artwork.png | |image1=NSMBW Mario Solo Artwork.png | ||
|width1=83 | |width1=83 | ||
|caption1=Mario | |caption1=Mario | ||
|alt1=The plumber | |||
|image2=NSMBW Luigi Solo Artwork.png | |image2=NSMBW Luigi Solo Artwork.png | ||
|width2=72 | |width2=72 | ||
|caption2=Luigi | |caption2=Luigi | ||
|alt2=Mario's younger brother | |||
|image3=NSMBW Peach Artwork.png | |image3=NSMBW Peach Artwork.png | ||
|width3=72 | |width3=72 | ||
|caption3=Princess Peach | |caption3=Princess Peach | ||
|alt3=Damsel in distress | |||
|image4=NSMBW Bowser Artwork.png | |image4=NSMBW Bowser Artwork.png | ||
|width4=97 | |width4=97 | ||
|caption4=Bowser | |caption4=Bowser | ||
|alt4=King Koopa | |||
}} | }} | ||
|} | |} | ||
[[Category:Media templates]]</noinclude> | [[Category:Media templates]]</noinclude> |
Revision as of 17:07, February 4, 2022
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 up to five pictures 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 }} |
|
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 }} |
|
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 }} |