Editing Template:Multiple image
Warning: You are not logged in. Your IP address will be publicly visible if you make any edits. If you log in or create an account, your edits will be attributed to your username, along with other benefits.
The edit can be undone.
Please check the comparison below to verify that this is what you want to do, and then save the changes below to finish undoing the edit.
This page is not enabled for semantic in-text annotations due to namespace restrictions. Details about how to enable the namespace can be found on the configuration help page.
Latest revision | Your text | ||
Line 1: | Line 1: | ||
− | {{# | + | <noinclude>{{Wikipedia}} |
+ | </noinclude><includeonly>{{#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) --> | ||
+ | | vertical = {{#expr: | ||
+ | {{#if:{{{width|}}} | ||
+ | | {{{width}}} | ||
+ | | {{Max/12 | {{{width1|200}}} | {{{width2|}}} | {{{width3|}}} | {{{width4|}}} | {{{width5|}}} | {{{width6|}}} | {{{width7|}}} | {{{width8|}}} | {{{width9|}}} | {{{width10|}}} | 0 }} | ||
+ | }} | ||
+ | + 12 | ||
+ | }} | ||
+ | | horizontal | #default = {{#if:{{{width|}}}<!-- | ||
+ | If stacked horizontally and a single common width was passed for use in all 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 --> | ||
+ | |{{#expr: | ||
+ | ({{{width}}}+4) | ||
+ | * | ||
+ | {{Template:Multiple image/numImgs | {{{image1|}}} | {{{image2|}}} | {{{image3|}}} | {{{image4|}}} | {{{image5|}}} | {{{image6|}}} | {{{image7|}}} | {{{image8|}}} | {{{image9|}}} | {{{image10|}}} }} | ||
+ | + | ||
+ | 8 | ||
+ | }}<!-- | ||
+ | If stacked horizontally and a custom width was passed for each image, | ||
+ | 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: | ||
+ | {{#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) | ||
+ | + | ||
+ | 16 | ||
+ | }} | ||
+ | }} | ||
+ | }}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-color: {{{header_background|transparent}}}"> | ||
+ | {{{header}}} | ||
+ | </div> | ||
+ | }}{{#if:{{{image1|}}}| | ||
+ | <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|200}}} }}px{{#ifeq:{{{link1|:}}}|:||{{!}}link={{{link1}}}}}|alt={{{alt1|}}}]] | ||
+ | </div> | ||
+ | {{#if:{{{caption1|}}}| | ||
+ | <div class="thumbcaption" style="clear:left">{{{caption1}}} | ||
+ | </div> | ||
+ | }} | ||
+ | </div> | ||
+ | }}{{#if:{{{image2|}}}| | ||
+ | <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|200}}} }}px{{#ifeq:{{{link2|:}}}|:||{{!}}link={{{link2}}}}}|alt={{{alt2|}}}]] | ||
+ | </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|200}}}}}}}px"> | ||
+ | <div class="thumbimage">[[file:{{{image3}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width3|200}}} }}px{{#ifeq:{{{link3|:}}}|:||{{!}}link={{{link3}}}}}|alt={{{alt3|}}}]] | ||
+ | </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|200}}}}}}}px"> | ||
+ | <div class="thumbimage">[[file:{{{image4}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width4|200}}} }}px{{#ifeq:{{{link4|:}}}|:||{{!}}link={{{link4}}}}}|alt={{{alt4|}}}]] | ||
+ | </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|200}}}}}}}px"> | ||
+ | <div class="thumbimage">[[file:{{{image5}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width5|200}}} }}px{{#ifeq:{{{link5|:}}}|:||{{!}}link={{{link5}}}}}|alt={{{alt5|}}}]] | ||
+ | </div>{{#if:{{{caption5|}}}| | ||
+ | <div class="thumbcaption" style="clear:left">{{{caption5}}} | ||
+ | </div> | ||
+ | }} | ||
+ | </div> | ||
+ | }}{{#if:{{{image6|}}}| | ||
+ | <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|200}}} }}px{{#ifeq:{{{link6|:}}}|:||{{!}}link={{{link6}}}}}|alt={{{alt6|}}}]] | ||
+ | </div>{{#if:{{{caption6|}}}| | ||
+ | <div class="thumbcaption" style="clear:left">{{{caption6}}} | ||
+ | </div> | ||
+ | }} | ||
+ | </div> | ||
+ | }}{{#if:{{{image7|}}}| | ||
+ | <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|200}}} }}px{{#ifeq:{{{link7|:}}}|:||{{!}}link={{{link7}}}}}|alt={{{alt7|}}}]] | ||
+ | </div>{{#if:{{{caption7|}}}| | ||
+ | <div class="thumbcaption" style="clear:left">{{{caption7}}} | ||
+ | </div> | ||
+ | }} | ||
+ | </div> | ||
+ | }}{{#if:{{{image8|}}}| | ||
+ | <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|200}}} }}px{{#ifeq:{{{link8|:}}}|:||{{!}}link={{{link8}}}}}|alt={{{alt8|}}}]] | ||
+ | </div>{{#if:{{{caption8|}}}| | ||
+ | <div class="thumbcaption" style="clear:left">{{{caption8}}} | ||
+ | </div> | ||
+ | }} | ||
+ | </div> | ||
+ | }}{{#if:{{{image9|}}}| | ||
+ | <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|200}}} }}px{{#ifeq:{{{link9|:}}}|:||{{!}}link={{{link9}}}}}|alt={{{alt9|}}}]] | ||
+ | </div>{{#if:{{{caption9|}}}| | ||
+ | <div class="thumbcaption" style="clear:left">{{{caption9}}} | ||
+ | </div> | ||
+ | }} | ||
+ | </div> | ||
+ | }}{{#if:{{{image10|}}}| | ||
+ | <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|200}}} }}px{{#ifeq:{{{link10|:}}}|:||{{!}}link={{{link10}}}}}|alt={{{alt10|}}}]] | ||
+ | </div>{{#if:{{{caption10|}}}| | ||
+ | <div class="thumbcaption" style="clear:left">{{{caption10}}} | ||
+ | </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>{{documentation}}</noinclude> |