Template:Multiple image - Revision history

Djsith at 16:52, 15 September 2011

2011-09-15T16:52:10Z

Masta: Blanked the page

2011-09-11T13:11:26Z

Blanked the page

← Older revision		Revision as of 13:11, 11 September 2011
Line 1:		Line 1:
	~~=== Usage ===~~
	~~This template creates a box with two images side by side. It needs parameters like this:~~

	~~:<code><nowiki>{{double image\|left/right/center\|Left image\|Left image size\|Right image\|Right image size\|Left caption\|Right caption\|Left alt text\|Right alt text}}</nowiki></code>~~

	or
	~~<pre>~~
	~~{{double image~~
	~~\|1=left/right/center~~
	~~\|2=Left image~~
	~~\|3=Left image size~~
	~~\|4=Right image~~
	~~\|5=Right image size~~
	~~\|6=Left caption~~
	~~\|7=Right caption (leave blank to combine)~~
	~~\|8=Left image alt text~~
	~~\|9=Right image alt text}}~~
	~~</pre>~~

	~~See [[WP:ALT]] for advice about [[alt text]].~~

	~~=== Examples ===~~
	~~{{double image\|right\|Yellow card.svg\|60\|Red card.svg\|60\|Players are cautioned with a yellow card, and sent off with a red card, which is sometimes round.\|\|Yellow cartouche\|Red cartouche}}~~
	~~To the right, with one single caption:~~
	~~:<code><nowiki>{{double image\|right\|Yellow card.svg\|60\|Red card.svg\|60\|Players are cautioned ... round.\|\|Yellow cartouche\|Red cartouche}}</nowiki></code>~~

	~~<br clear=all>~~
	~~{{double image\|left\|Yellow card.svg\|60\|Red card.svg\|60\|Yellow\|Red\|Yellow cartouche\|Red cartouche}}~~
	~~To the left. With two captions, one beneath each image:~~
	~~:<code><nowiki>{{double image\|left\|Yellow card.svg\|60\|Red card.svg\|60\|Yellow\|Red\|Yellow cartouche\|Red cartouche}}</nowiki></code>~~
	~~{{-}}~~

Masta at 13:10, 11 September 2011

2011-09-11T13:10:55Z

← Older revision		Revision as of 13:10, 11 September 2011
Line 1:		Line 1:
	~~{{multiple image~~		=== Usage ===
	~~<!-- Essential parameters -->~~		This template creates a box with two images side by side. It needs parameters like this:
	~~\| align~~ = ~~<!-- left/right/center -->~~
	~~\| direction~~ = ~~<!-- horizontal/vertical -->~~
	~~\| width = <!-- Digits only; no "px" suffix, please -->~~

	<~~!-- Image 1 --~~>		:<code><nowiki>{{double image\|left/right/center\|Left image\|Left image size\|Right image\|Right image size\|Left caption\|Right caption\|Left alt text\|Right alt text}}</nowiki></code>
	~~\| image1 =~~ <~~!-- Filename only; no "File:" or "Image:" prefix, please --~~>
	\| ~~width1 =~~
	\| ~~alt1 =~~
	\| ~~caption1 =~~

	<~~!-- Image~~ 2 ~~-->~~		or
	\| ~~image2~~ = ~~<!-- Filename only; no "File:" or "Image:" prefix, please -->~~		<pre>
	\| ~~width2~~ =		{{double image
	\| ~~alt2~~ =		\|1=left/right/center
	\| ~~caption2~~ =		\|2=Left image
			\|3=Left image size
			\|4=Right image
			\|5=Right image size
			\|6=Left caption
			\|7=Right caption (leave blank to combine)
			\|8=Left image alt text
			\|9=Right image alt text}}
			</pre>

	~~<!-- Image 3 -->~~		See [[WP:ALT]] for advice about [[alt text]].
	~~\| image3 = <!-- Filename only; no "File~~:~~" or "Image:" prefix, please -->~~
	~~\| width3 =~~
	~~\| alt3 =~~
	~~\| caption3 =~~

	<~~!-- up to~~ \|~~image10 is accepted --~~>		=== Examples ===
			{{double image\|right\|Yellow card.svg\|60\|Red card.svg\|60\|Players are cautioned with a yellow card, and sent off with a red card, which is sometimes round.\|\|Yellow cartouche\|Red cartouche}}
			To the right, with one single caption:
			:<code><nowiki>{{double image\|right\|Yellow card.svg\|60\|Red card.svg\|60\|Players are cautioned ... round.\|\|Yellow cartouche\|Red cartouche}}</nowiki></code>

	<~~!-- Extra parameters --~~>		<br clear=all>
	\| ~~header =~~		{{double image\|left\|Yellow card.svg\|60\|Red card.svg\|60\|Yellow\|Red\|Yellow cartouche\|Red cartouche}}
	\| ~~header_align = <!--~~ left~~/right/center -->~~		To the left. With two captions, one beneath each image:
	\| ~~header_background =~~		:<code><nowiki>{{double image\|left\|Yellow card.svg\|60\|Red card.svg\|60\|Yellow\|Red\|Yellow cartouche\|Red cartouche}}</nowiki></code>
	\| ~~footer =~~		{{-}}
	\| ~~footer_align =~~ <~~!-- left~~/~~right~~/~~center --~~>
	~~\| footer_background =~~
	~~\| background color =~~
	}}

Masta at 13:06, 11 September 2011

2011-09-11T13:06:15Z

Show changes

Masta at 13:03, 11 September 2011

2011-09-11T13:03:59Z

Show changes

Masta: Created page with "

2011-09-11T13:00:20Z

Created page with "<includeonly><div class="thumb {{#switch: {{{align|}}} | left = tleft | center | centre = tnone | tright}}" style="width:{{#ifeq: {{{direction|horizontal}}} | vertical | {{#expr:..."

New page
<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|{{{caption1|{{{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|{{{caption2|{{{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|{{{caption3|{{{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|{{{caption4|{{{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|{{{caption5|{{{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>
{| width=100% style="font-family: arial; border: 1px solid gray"
|- bgcolor=gainsboro
! colspan=2 | Basic Usage
|-
| 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. 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%">
{{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>
|-
! 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 = MKwii Greenshell.jpg
| alt1 = green shell

| image2 = MKwii Redshell.jpg
| alt2 = red shell
}}
</pre>
|
{{multiple image
|align = center
|direction = horizontal
|footer = Two Koopa Shells
|width = 100

| image1 = MKwii Greenshell.jpg
| alt1 = green shell

| image2 = MKwii Redshell.jpg
| 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 = MarioNSMBWii.PNG
| alt1 = Mario

| image2 = LuigiNSMBWii.PNG
| alt2 = Luigi
}}
</pre>
|
{{multiple image
|align = center
|direction = vertical
|footer = The Mario Bros.
|width = 100

| image1 = MarioNSMBWii.PNG
| alt1 = Mario

| image2 = LuigiNSMBWii.PNG
| alt2 = Luigi
}}
|- bgcolor=gainsboro
!width=50% |Example 3
!width= 50%|Result
|-
|
<pre style="width:100%">
{{multiple image
|align = right
|direction = horizontal
|footer_align=center
|footer = Marioverse Protagonists

| image1 = MarioNSMBWii.PNG
| alt1 = Mario
| width1 = 80
|caption1 = Mario

| image2 = LuigiNSMBWii.PNG
| alt2 = Luigi
| width2 = 70
|caption2 = Luigi

| image3 = NSMBWiiPeach.png
| alt3 = Princess Peach
| width3 = 75
|caption3 = Princess Peach

| image4 = BowserNSMBWii.png
| alt4 = Bowser
| width4 = 95
|caption4 = Bowser
}}
</pre>
|
{{multiple image
|align = right
|direction = horizontal
|footer_align=center
|footer = Marioverse Protagonists

| image1 = MarioNSMBWii.PNG
| alt1 = Mario
| width1 = 80
|caption1 = Mario

| image2 = LuigiNSMBWii.PNG
| alt2 = Luigi
| width2 = 70
|caption2 = Luigi

| image3 = NSMBWiiPeach.png
| alt3 = Princess Peach
| width3 = 75
|caption3 = Princess Peach

| image4 = BowserNSMBWii.png
| alt4 = Bowser
| width4 = 95
|caption4 = Bowser
}}
|}
[[Category:Media Templates|{{PAGENAME}}]]
</noinclude>