Difference between revisions of "Template:MontageBox"

From EvaWiki
Jump to: navigation, search
Line 32: Line 32:
 
|}
 
|}
 
</includeonly><noinclude>
 
</includeonly><noinclude>
==Usage==
+
This template is intended to make the presentation of multiple images in one gallery group easier.
 +
 
 +
The ImagesBox can handle up to 12 images, in a 2 or three column format. The format creates a new row if a column is full, and fills up the next row from left to right.
 +
 
 +
The ImagesBox is also capable of displaying a single image.
 +
 
 +
In all cases, a title and caption may be provided, and floating behavior specified.
 +
 
 +
== How To Use This ==
 +
 
 +
<pre>{{ImagesBox
 +
|float  =
 +
|columns =
 +
|title  =
 +
|image1  =
 +
|image2  =
 +
|image3  =
 +
|image4  =
 +
|image5  =
 +
|image6  =
 +
|image7  =
 +
|image8  =
 +
|image9  =
 +
|image10 =
 +
|image11 =
 +
|image12 =
 +
|caption =
 +
 
 +
}}
 +
</pre>
 +
 
 +
Not all images need be supplied. The title and caption are optional. The default float behaviour is "left".
  
 
==Examples==
 
==Examples==
 +
Including any of the following code snippets will generate the ImageBoxes shown below them
 +
 
{{ImagesBox
 
{{ImagesBox
|image1=[[Image:Reimoon2.jpg|150px]]
+
|image1 =[[Image:Reimoon2.jpg|150px]]
|caption=
+
|caption =
 
*text here
 
*text here
 
*and here
 
*and here
Line 43: Line 76:
 
{{-}}
 
{{-}}
 
{{ImagesBox
 
{{ImagesBox
|float=none
+
|title  =Image of Rei
|image1=[[Image:Reimoon2.jpg|150px]]
+
|image1 =[[Image:Reimoon2.jpg|150px]]
|caption=
+
|caption =
 
*text here
 
*text here
 
*and here
 
*and here
}}If two triangles have two sides equal to two sides respectively, and have the angles contained by the equal straight lines equal, then they also have the base equal to the base, the triangle equals the triangle, and the remaining angles equal the remaining angles respectively, namely those opposite the equal sides. Let ABC and DEF be two triangles having the two sides AB and AC equal to the two sides DE and DF respectively, namely AB equal to DE and AC equal to DF, and the angle BAC equal to the angle EDF.
+
}}
 
+
{{-}}
 
{{ImagesBox
 
{{ImagesBox
|title=Test
+
|title   =3 Images of Rei (3 column table)
|image1=[[Image:Reimoon2.jpg|150px]]
+
|columns = 3
|caption=
+
|image1 =[[Image:Reimoon2.jpg|150px]]
 +
|image2  =[[Image:Reimoon1a.jpg|150px]]
 +
|image3  =[[Image:Reimoon4.jpg|150px]]
 +
|caption =
 
*text here
 
*text here
 
*and here
 
*and here
 
}}
 
}}
 
{{-}}
 
{{-}}
 
 
{{ImagesBox
 
{{ImagesBox
|title=Test
+
|title   =3 Images of Rei (2 column table)
|columns=1
+
|columns = 2
|image1=[[Image:Reimoon2.jpg|150px]]
+
|image1 =[[Image:Reimoon2.jpg|150px]]
|caption=
+
|image2  =[[Image:Reimoon1a.jpg|150px]]
 +
|image3  =[[Image:Reimoon4.jpg|150px]]
 +
|caption =
 
*text here
 
*text here
 
*and here
 
*and here
 
}}
 
}}
 
{{-}}
 
{{-}}
 
+
 
 
{{ImagesBox
 
{{ImagesBox
|title=Test
+
|title   =8 Images (3 column table)
|columns=3
+
|columns = 3
|image1=[[Image:Reimoon2.jpg|150px]]
+
|image1 =[[Image:Reimoon2.jpg|150px]]
|image2=[[Image:Reimoon2.jpg|150px]]
+
|image2 =[[Image:Reimoon1a.jpg|150px]]
|image3=[[Image:Reimoon2.jpg|150px]]
+
|image3 =[[Image:Reimoon4.jpg|150px]]
|image4=[[Image:Reimoon2.jpg|150px]]
+
|image4 =[[Image:Nerv swimming pool.jpg|150px]]
|image5=[[Image:Reimoon2.jpg|150px]]
+
|image5 =[[Image:Shinji Rei Escalator.jpg|200px]]
|image6=[[Image:Reimoon2.jpg|150px]]
+
|image6 =[[Image: Japan Blackout.jpg|200px]]
|image7=[[Image:Reimoon2.jpg|150px]]
+
|image7 =[[Image:Dance Vs Israfel.jpg|200px]]
|image8=[[Image:Reimoon2.jpg|150px]]
+
|image8 =[[Image:Fuyutsuki Candle.jpg|200px]]
|image9=[[Image:Reimoon2.jpg|150px]]
+
|caption =
|image10=[[Image:Reimoon2.jpg|150px]]
+
Various Images in a Table
|image11=[[Image:Reimoon2.jpg|150px]]
 
|image12=[[Image:Reimoon2.jpg|150px]]
 
|caption=
 
*text here
 
*and here
 
 
}}
 
}}
 +
 
{{-}}
 
{{-}}
 +
 
{{ImagesBox
 
{{ImagesBox
|title=Test Image Gallery
+
|title   =12 Images (3 column table)
|float=right
+
|columns = 3
|columns=2
+
|image1 =[[Image:Reimoon2.jpg|150px]]
|image1=[[Image:Reimoon2.jpg|150px]]
+
|image2 =[[Image:Reimoon1a.jpg|150px]]
|image2=[[Image:Reimoon2.jpg|150px]]
+
|image3 =[[Image:Reimoon4.jpg|150px]]
|image3=[[Image:Reimoon2.jpg|150px]]
+
|image4 =[[Image:Nerv swimming pool.jpg|150px]]
|image4=[[Image:Reimoon2.jpg|150px]]
+
|image5 =[[Image:Shinji Rei Escalator.jpg|150px]]
|image5=[[Image:Reimoon2.jpg|150px]]
+
|image6 =[[Image: Japan Blackout.jpg|150px]]
|image6=[[Image:Reimoon2.jpg|150px]]
+
|image7 =[[Image:Dance Vs Israfel.jpg|150px]]
|image7=[[Image:Reimoon2.jpg|150px]]
+
|image8 =[[Image:Fuyutsuki Candle.jpg|150px]]
|image8=[[Image:Reimoon2.jpg|150px]]
+
|image9 =[[Image:FGC 01 C003a.jpg|150px]]
|image9=[[Image:Reimoon2.jpg|150px]]
+
|image10 =[[Image:FGC 01 C076d.jpg|150px]]
|image10=[[Image:Reimoon2.jpg|150px]]
+
|image11 =[[Image:FGC 01 C219b.jpg|150px]]
|image11=[[Image:Reimoon2.jpg|150px]]
+
|image12 =[[Image:FGC 01 C284r.jpg|150px]]
|image12=[[Image:Reimoon2.jpg|150px]]
+
|caption =
|caption=
+
The maximimum number of images in a table with three columns.
*text here
 
*and here
 
 
}}
 
}}
 +
 
{{-}}
 
{{-}}
 +
 
{{ImagesBox
 
{{ImagesBox
|float=right
+
|title  =12 Images (2 column table)
|columns=2
+
|columns = 2
|image1=[[Image:Reimoon2.jpg|150px]]
+
|image1 =[[Image:Reimoon2.jpg|150px]]
|image2=[[Image:Reimoon2.jpg|150px]]
+
|image2 =[[Image:Reimoon1a.jpg|150px]]
|image3=[[Image:Reimoon2.jpg|150px]]
+
|image3 =[[Image:Reimoon4.jpg|150px]]
|image4=[[Image:Reimoon2.jpg|150px]]
+
|image4 =[[Image:Nerv swimming pool.jpg|150px]]
|image5=[[Image:Reimoon2.jpg|150px]]
+
|image5 =[[Image:Shinji Rei Escalator.jpg|150px]]
|image6=[[Image:Reimoon2.jpg|150px]]
+
|image6 =[[Image: Japan Blackout.jpg|150px]]
|image7=[[Image:Reimoon2.jpg|150px]]
+
|image7 =[[Image:Dance Vs Israfel.jpg|150px]]
|image8=[[Image:Reimoon2.jpg|150px]]
+
|image8 =[[Image:Fuyutsuki Candle.jpg|150px]]
|image9=[[Image:Reimoon2.jpg|150px]]
+
|image9 =[[Image:FGC 01 C003a.jpg|150px]]
|image10=[[Image:Reimoon2.jpg|150px]]
+
|image10 =[[Image:FGC 01 C076d.jpg|150px]]
|image11=[[Image:Reimoon2.jpg|150px]]
+
|image11 =[[Image:FGC 01 C219b.jpg|150px]]
|image12=[[Image:Reimoon2.jpg|150px]]
+
|image12 =[[Image:FGC 01 C284r.jpg|150px]]
|caption=
+
|caption =
*text here
+
The maximimum number of images in a table with two columns.
*and here
 
 
}}
 
}}
 +
 +
 +
[[Category: Infoboxes]]
 +
[[Category:Templates]]
 +
 
</noinclude>
 
</noinclude>

Revision as of 03:16, 4 April 2008

This template is intended to make the presentation of multiple images in one gallery group easier.

The ImagesBox can handle up to 12 images, in a 2 or three column format. The format creates a new row if a column is full, and fills up the next row from left to right.

The ImagesBox is also capable of displaying a single image.

In all cases, a title and caption may be provided, and floating behavior specified.

How To Use This

{{ImagesBox
|float   =
|columns =
|title   =
|image1  =
|image2  =
|image3  =
|image4  =
|image5  =
|image6  =
|image7  =
|image8  =
|image9  =
|image10 =
|image11 =
|image12 =
|caption =

}}

Not all images need be supplied. The title and caption are optional. The default float behaviour is "left".

Examples

Including any of the following code snippets will generate the ImageBoxes shown below them

Reimoon2.jpg
  • text here
  • and here


Image of Rei
Reimoon2.jpg
  • text here
  • and here


3 Images of Rei (3 column table)
Reimoon2.jpg Reimoon1a.jpg Reimoon4.jpg
  • text here
  • and here


3 Images of Rei (2 column table)
Reimoon2.jpg Reimoon1a.jpg
Reimoon4.jpg
  • text here
  • and here


8 Images (3 column table)
Reimoon2.jpg Reimoon1a.jpg Reimoon4.jpg
Nerv swimming pool.jpg Shinji Rei Escalator.jpg Japan Blackout.jpg
Dance Vs Israfel.jpg Fuyutsuki Candle.jpg

Various Images in a Table



12 Images (3 column table)
Reimoon2.jpg Reimoon1a.jpg Reimoon4.jpg
Nerv swimming pool.jpg Shinji Rei Escalator.jpg Japan Blackout.jpg
Dance Vs Israfel.jpg Fuyutsuki Candle.jpg FGC 01 C003a.jpg
FGC 01 C076d.jpg FGC 01 C219b.jpg FGC 01 C284r.jpg

The maximimum number of images in a table with three columns.



12 Images (2 column table)
Reimoon2.jpg Reimoon1a.jpg
Reimoon4.jpg Nerv swimming pool.jpg
Shinji Rei Escalator.jpg Japan Blackout.jpg
Dance Vs Israfel.jpg Fuyutsuki Candle.jpg
FGC 01 C003a.jpg FGC 01 C076d.jpg
FGC 01 C219b.jpg FGC 01 C284r.jpg

The maximimum number of images in a table with two columns.