Template:Multiple image: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
mNo edit summary
No edit summary
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="{{#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> }}

Revision as of 14:22, August 7, 2016

Basic Usage

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 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
|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= 
}}
Examples
Example 1 Result
{{multiple image
|align=center
|direction=horizontal
|footer=Two Koopa Shells
|width=100
|image1=Green Shell Artwork - Mario Kart Wii.png
|alt1=green shell
|image2=Red Shell Artwork - Mario Kart Wii.png
|alt2=red shell
}}
Two Koopa Shells
Example 2 Result
{{multiple image
|align=center
|direction=vertical
|footer=The Mario Bros.
|width=100
|image1=MarioNSMBWii.PNG
|alt1=Mario
|image2=LuigiNSMBWii.PNG
|alt2=Luigi
}}
The Mario Bros.
Example 3 Result
{{multiple image
|align=right
|direction=horizontal
|footer_align=center
|footer=Marioverse Protagonists

|image1=MarioNSMBWii.PNG
|alt1=The plumber
|width1=83
|caption1=Mario 

|image2=LuigiNSMBWii.PNG
|alt2=Mario's younger brother
|width2=72
|caption2=Luigi 

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

|image4=BowserNSMBWii.png
|alt4=King Koopa
|width4=97
|caption4=Bowser
}}
Princess Peach
Marioverse Protagonists