Difference between revisions of "Template:Multiple image"
From Self-sufficiency
m (Changed protection level of Template:Multiple image: high risk template transcluded on over 2,000 pages. Batch protection; requests for review can be brought to WP:RFUP. using TW ([edit=sysop] (indefinite) [move=sysop] (indefini) |
(allow |align=none per talk page request) |
||
| Line 1: | Line 1: | ||
| − | {{#if:{{{image1|}}}{{{image2|}}}{{{image3|}}}{{{image4|}}}{{{image5|}}}{{{image6|}}}{{{image7|}}}{{{image8|}}}{{{image9|}}}{{{image10|}}}|<div class="thumb {{#switch: {{{align|}}} | left = tleft | center|centre = tnone | right|#default = tright}}" style="width: {{#switch:{{{direction|}}}<!-- | + | {{#if:{{{image1|}}}{{{image2|}}}{{{image3|}}}{{{image4|}}}{{{image5|}}}{{{image6|}}}{{{image7|}}}{{{image8|}}}{{{image9|}}}{{{image10|}}}|<div class="thumb {{#switch: {{{align|}}} | left = tleft|none | center|centre = tnone | right|#default = tright}}" style="width: {{#switch:{{{direction|}}}<!-- |
If stacked vertically, box width = largest width + 12 px (6 px margin on left and right) --> | If stacked vertically, box width = largest width + 12 px (6 px margin on left and right) --> | ||
| vertical = {{#expr: | | vertical = {{#expr: | ||
{{#if:{{{width|}}} | {{#if:{{{width|}}} | ||
| {{{width}}} | | {{{width}}} | ||
| − | | {{Max/ | + | | {{Max/12 | {{{width1|200}}} | {{{width2|}}} | {{{width3|}}} | {{{width4|}}} | {{{width5|}}} | {{{width6|}}} | {{{width7|}}} | {{{width8|}}} | {{{width9|}}} | {{{width10|}}} | 0 }} |
}} | }} | ||
+ 12 | + 12 | ||
| Line 10: | Line 10: | ||
| horizontal | #default = {{#if:{{{width|}}}<!-- | | horizontal | #default = {{#if:{{{width|}}}<!-- | ||
If stacked horizontally and a single common width was passed for use in all images, | If stacked horizontally and a single common width was passed for use in all images, | ||
| − | box width = (common width + 4px) * number of images + | + | box width = (common width + 4px) * number of images + 8px. |
This creates a 4px margin between the images, and a 6px margin on each side --> | This creates a 4px margin between the images, and a 6px margin on each side --> | ||
|{{#expr: | |{{#expr: | ||
| Line 20: | Line 20: | ||
}}<!-- | }}<!-- | ||
If stacked horizontally and a custom width was passed for each image, | If stacked horizontally and a custom width was passed for each image, | ||
| − | box width = sum of all widths + | + | box width = sum of all widths + 4px of margin between each pair of images + 16px of margin (8px on each side of the box) (why not 6px as in other cases?...) --> |
|{{#expr: | |{{#expr: | ||
| − | {{{width1| | + | {{#if:{{{image1|}}} |{{{width1|200}}}}}+ |
| + | {{#if:{{{image2|}}} |{{{width2|200}}}}}+ | ||
| + | {{#if:{{{image3|}}} |{{{width3|200}}}}}+ | ||
| + | {{#if:{{{image4|}}} |{{{width4|200}}}}}+ | ||
| + | {{#if:{{{image5|}}} |{{{width5|200}}}}}+ | ||
| + | {{#if:{{{image6|}}} |{{{width6|200}}}}}+ | ||
| + | {{#if:{{{image7|}}} |{{{width7|200}}}}}+ | ||
| + | {{#if:{{{image8|}}} |{{{width8|200}}}}}+ | ||
| + | {{#if:{{{image9|}}} |{{{width9|200}}}}}+ | ||
| + | {{#if:{{{image10|}}} |{{{width10|200}}}}} | ||
+ | + | ||
4 * ({{Template:Multiple image/numImgs | {{{image1|}}} | {{{image2|}}} | {{{image3|}}} | {{{image4|}}} | {{{image5|}}} | {{{image6|}}} | {{{image7|}}} | {{{image8|}}} | {{{image9|}}} | {{{image10|}}} }} - 2) | 4 * ({{Template:Multiple image/numImgs | {{{image1|}}} | {{{image2|}}} | {{{image3|}}} | {{{image4|}}} | {{{image5|}}} | {{{image6|}}} | {{{image7|}}} | {{{image8|}}} | {{{image9|}}} | {{{image10|}}} }} - 2) | ||
| Line 36: | Line 45: | ||
</div> | </div> | ||
}}{{#if:{{{image1|}}}| | }}{{#if:{{{image1|}}}| | ||
| − | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width1}}}}}}}px"> | + | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width1|200}}}}}}}px"> |
| − | <div class="thumbimage">[[file:{{{image1}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width1}}} }}px{{#ifeq:{{{link1|:}}}|:||{{!}}link={{{link1}}}}}|alt={{{alt1|}}}|{{{caption1|}}}]] | + | <div class="thumbimage">[[file:{{{image1}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width1|200}}} }}px{{#ifeq:{{{link1|:}}}|:||{{!}}link={{{link1}}}}}|alt={{{alt1|}}}|{{{caption1|}}}]] |
</div> | </div> | ||
{{#if:{{{caption1|}}}| | {{#if:{{{caption1|}}}| | ||
| Line 45: | Line 54: | ||
</div> | </div> | ||
}}{{#if:{{{image2|}}}| | }}{{#if:{{{image2|}}}| | ||
| − | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width2}}}}}}}px"> | + | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width2|200}}}}}}}px"> |
| − | <div class="thumbimage">[[file:{{{image2}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width2}}} }}px{{#ifeq:{{{link2|:}}}|:||{{!}}link={{{link2}}}}}|alt={{{alt2|}}}|{{{caption2|}}}]] | + | <div class="thumbimage">[[file:{{{image2}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width2|200}}} }}px{{#ifeq:{{{link2|:}}}|:||{{!}}link={{{link2}}}}}|alt={{{alt2|}}}|{{{caption2|}}}]] |
</div>{{#if:{{{caption2|}}}| | </div>{{#if:{{{caption2|}}}| | ||
<div class="thumbcaption" style="clear:left">{{{caption2}}} | <div class="thumbcaption" style="clear:left">{{{caption2}}} | ||
| Line 53: | Line 62: | ||
</div> | </div> | ||
}}{{#if:{{{image3|}}}| | }}{{#if:{{{image3|}}}| | ||
| − | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width3}}}}}}}px"> | + | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width3|200}}}}}}}px"> |
| − | <div class="thumbimage">[[file:{{{image3}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width3}}} }}px{{#ifeq:{{{link3|:}}}|:||{{!}}link={{{link3}}}}}|alt={{{alt3|}}}|{{{caption3|}}}]] | + | <div class="thumbimage">[[file:{{{image3}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width3|200}}} }}px{{#ifeq:{{{link3|:}}}|:||{{!}}link={{{link3}}}}}|alt={{{alt3|}}}|{{{caption3|}}}]] |
</div>{{#if:{{{caption3|}}}| | </div>{{#if:{{{caption3|}}}| | ||
<div class="thumbcaption" style="clear:left">{{{caption3}}} | <div class="thumbcaption" style="clear:left">{{{caption3}}} | ||
| Line 61: | Line 70: | ||
</div> | </div> | ||
}}{{#if:{{{image4|}}}| | }}{{#if:{{{image4|}}}| | ||
| − | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width4}}}}}}}px"> | + | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width4|200}}}}}}}px"> |
| − | <div class="thumbimage">[[file:{{{image4}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width4}}} }}px{{#ifeq:{{{link4|:}}}|:||{{!}}link={{{link4}}}}}|alt={{{alt4|}}}|{{{caption4|}}}]] | + | <div class="thumbimage">[[file:{{{image4}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width4|200}}} }}px{{#ifeq:{{{link4|:}}}|:||{{!}}link={{{link4}}}}}|alt={{{alt4|}}}|{{{caption4|}}}]] |
</div>{{#if:{{{caption4|}}}| | </div>{{#if:{{{caption4|}}}| | ||
<div class="thumbcaption" style="clear:left">{{{caption4}}} | <div class="thumbcaption" style="clear:left">{{{caption4}}} | ||
| Line 69: | Line 78: | ||
</div> | </div> | ||
}}{{#if:{{{image5|}}}| | }}{{#if:{{{image5|}}}| | ||
| − | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width5}}}}}}}px"> | + | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width5|200}}}}}}}px"> |
| − | <div class="thumbimage">[[file:{{{image5}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width5}}} }}px{{#ifeq:{{{link5|:}}}|:||{{!}}link={{{link5}}}}}|alt={{{alt5|}}}|{{{caption5|}}}]] | + | <div class="thumbimage">[[file:{{{image5}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width5|200}}} }}px{{#ifeq:{{{link5|:}}}|:||{{!}}link={{{link5}}}}}|alt={{{alt5|}}}|{{{caption5|}}}]] |
</div>{{#if:{{{caption5|}}}| | </div>{{#if:{{{caption5|}}}| | ||
<div class="thumbcaption" style="clear:left">{{{caption5}}} | <div class="thumbcaption" style="clear:left">{{{caption5}}} | ||
| Line 77: | Line 86: | ||
</div> | </div> | ||
}}{{#if:{{{image6|}}}| | }}{{#if:{{{image6|}}}| | ||
| − | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width6}}}}}}}px"> | + | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width6|200}}}}}}}px"> |
| − | <div class="thumbimage">[[file:{{{image6}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width6}}} }}px{{#ifeq:{{{link6|:}}}|:||{{!}}link={{{link6}}}}}|alt={{{alt6|}}}|{{{caption6|}}}]] | + | <div class="thumbimage">[[file:{{{image6}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width6|200}}} }}px{{#ifeq:{{{link6|:}}}|:||{{!}}link={{{link6}}}}}|alt={{{alt6|}}}|{{{caption6|}}}]] |
</div>{{#if:{{{caption6|}}}| | </div>{{#if:{{{caption6|}}}| | ||
<div class="thumbcaption" style="clear:left">{{{caption6}}} | <div class="thumbcaption" style="clear:left">{{{caption6}}} | ||
| Line 85: | Line 94: | ||
</div> | </div> | ||
}}{{#if:{{{image7|}}}| | }}{{#if:{{{image7|}}}| | ||
| − | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width7}}}}}}}px"> | + | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width7|200}}}}}}}px"> |
| − | <div class="thumbimage">[[file:{{{image7}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width7}}} }}px{{#ifeq:{{{link7|:}}}|:||{{!}}link={{{link7}}}}}|alt={{{alt7|}}}|{{{caption7|}}}]] | + | <div class="thumbimage">[[file:{{{image7}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width7|200}}} }}px{{#ifeq:{{{link7|:}}}|:||{{!}}link={{{link7}}}}}|alt={{{alt7|}}}|{{{caption7|}}}]] |
</div>{{#if:{{{caption7|}}}| | </div>{{#if:{{{caption7|}}}| | ||
<div class="thumbcaption" style="clear:left">{{{caption7}}} | <div class="thumbcaption" style="clear:left">{{{caption7}}} | ||
| Line 93: | Line 102: | ||
</div> | </div> | ||
}}{{#if:{{{image8|}}}| | }}{{#if:{{{image8|}}}| | ||
| − | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width8}}}}}}}px"> | + | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width8|200}}}}}}}px"> |
| − | <div class="thumbimage">[[file:{{{image8}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width8}}} }}px{{#ifeq:{{{link8|:}}}|:||{{!}}link={{{link8}}}}}|alt={{{alt8|}}}|{{{caption8|}}}]] | + | <div class="thumbimage">[[file:{{{image8}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width8|200}}} }}px{{#ifeq:{{{link8|:}}}|:||{{!}}link={{{link8}}}}}|alt={{{alt8|}}}|{{{caption8|}}}]] |
</div>{{#if:{{{caption8|}}}| | </div>{{#if:{{{caption8|}}}| | ||
<div class="thumbcaption" style="clear:left">{{{caption8}}} | <div class="thumbcaption" style="clear:left">{{{caption8}}} | ||
| Line 101: | Line 110: | ||
</div> | </div> | ||
}}{{#if:{{{image9|}}}| | }}{{#if:{{{image9|}}}| | ||
| − | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width9}}}}}}}px"> | + | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width9|200}}}}}}}px"> |
| − | <div class="thumbimage">[[file:{{{image9}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width9}}} }}px{{#ifeq:{{{link9|:}}}|:||{{!}}link={{{link9}}}}}|alt={{{alt9|}}}|{{{caption9|}}}]] | + | <div class="thumbimage">[[file:{{{image9}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width9|200}}} }}px{{#ifeq:{{{link9|:}}}|:||{{!}}link={{{link9}}}}}|alt={{{alt9|}}}|{{{caption9|}}}]] |
</div>{{#if:{{{caption9|}}}| | </div>{{#if:{{{caption9|}}}| | ||
<div class="thumbcaption" style="clear:left">{{{caption9}}} | <div class="thumbcaption" style="clear:left">{{{caption9}}} | ||
| Line 109: | Line 118: | ||
</div> | </div> | ||
}}{{#if:{{{image10|}}}| | }}{{#if:{{{image10|}}}| | ||
| − | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width10}}}}}}}px"> | + | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width10|200}}}}}}}px"> |
| − | <div class="thumbimage">[[file:{{{image10}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width10}}} }}px{{#ifeq:{{{link10|:}}}|:||{{!}}link={{{link10}}}}}|alt={{{alt10|}}}|{{{caption10|}}}]] | + | <div class="thumbimage">[[file:{{{image10}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width10|200}}} }}px{{#ifeq:{{{link10|:}}}|:||{{!}}link={{{link10}}}}}|alt={{{alt10|}}}|{{{caption10|}}}]] |
</div>{{#if:{{{caption10|}}}| | </div>{{#if:{{{caption10|}}}| | ||
<div class="thumbcaption" style="clear:left">{{{caption10}}} | <div class="thumbcaption" style="clear:left">{{{caption10}}} | ||
Revision as of 18:22, 2 November 2011
[edit]
Documentation