模板:Multiple image
出自【暗黑百科】DiabloWiki_凯恩之角
(修订版本间的差异)
Chendy1985 (讨论 | 贡献) (再次测试) |
Chendy1985 (讨论 | 贡献) (修改格式) |
||
| 第1行: | 第1行: | ||
| - | {{#if:{{{image1|}}}{{{image2|}}}{{{image3|}}}{{{image4|}}}{{{image5|}}}{{{image6|}}}{{{image7|}}}{{{image8|}}}{{{image9|}}} | + | {{#if:{{{image1|}}}{{{image2|}}}{{{image3|}}}{{{image4|}}}{{{image5|}}}{{{image6|}}}{{{image7|}}}{{{image8|}}}{{{image9|}}} |
| + | {{{image10|}}}|<div class="thumb {{#switch: {{{align|}}} | left = tleft | center|centre|none = 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/27 | {{{width1|}}} | {{{width2|}}} | {{{width3|}}} | {{{width4|}}} | {{{width5|}}} | {{{width6|}}} | {{{width7|}}} | | ||
| + | {{{width8|}}} | {{{width9|}}} | {{{width10|}}} }} | ||
| + | }} | ||
| + | + 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 + 8. | ||
| + | This creates a 4px margin between the images, and a 6px margin on each side --> | ||
| + | |{{#expr: | ||
| + | ({{{width}}}+4) | ||
| + | * | ||
| + | {{Template:并列图像/图像数目 | {{{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 + 4 pixels of margin between each pair of images + 16 pixels of margin (8 on each side | ||
| + | of the box) (why not 6px as in other cases?...)--> | ||
| + | |{{#expr: | ||
| + | {{{width1|0}}}+{{{width2|0}}}+{{{width3|0}}}+{{{width4|0}}}+{{{width5|0}}}+{{{width6|0}}}+{{{width7|0}}}+{{{width8| | ||
| + | 0}}}+{{{width9|0}}}+{{{width10|0}}} | ||
| + | + | ||
| + | 4 * ({{Template:并列图像/图像数目 | {{{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}}}}}}}px"> | ||
| + | <div class="thumbimage">[[file:{{{image1}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width1}}} }}px{{#ifeq:{{{link1|:}}}|:||{{!}} | ||
| + | link={{{link1}}}}}|alt={{{alt1|}}}|{{{caption1|}}}]] | ||
| + | </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}}}}}}}px"> | ||
| + | <div class="thumbimage">[[file:{{{image2}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width2}}} }}px{{#ifeq:{{{link2|:}}}|:||{{!}} | ||
| + | link={{{link2}}}}}|alt={{{alt2|}}}|{{{caption2|}}}]] | ||
| + | </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{{#ifeq:{{{link3|:}}}|:||{{!}} | ||
| + | link={{{link3}}}}}|alt={{{alt3|}}}|{{{caption3|}}}]] | ||
| + | </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{{#ifeq:{{{link4|:}}}|:||{{!}} | ||
| + | link={{{link4}}}}}|alt={{{alt4|}}}|{{{caption4|}}}]] | ||
| + | </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{{#ifeq:{{{link5|:}}}|:||{{!}} | ||
| + | link={{{link5}}}}}|alt={{{alt5|}}}|{{{caption5|}}}]] | ||
| + | </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}}}}}}}px"> | ||
| + | <div class="thumbimage">[[file:{{{image6}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width6}}} }}px{{#ifeq:{{{link6|:}}}|:||{{!}} | ||
| + | link={{{link6}}}}}|alt={{{alt6|}}}|{{{caption6|}}}]] | ||
| + | </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}}}}}}}px"> | ||
| + | <div class="thumbimage">[[file:{{{image7}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width7}}} }}px{{#ifeq:{{{link7|:}}}|:||{{!}} | ||
| + | link={{{link7}}}}}|alt={{{alt7|}}}|{{{caption7|}}}]] | ||
| + | </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}}}}}}}px"> | ||
| + | <div class="thumbimage">[[file:{{{image8}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width8}}} }}px{{#ifeq:{{{link8|:}}}|:||{{!}} | ||
| + | link={{{link8}}}}}|alt={{{alt8|}}}|{{{caption8|}}}]] | ||
| + | </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}}}}}}}px"> | ||
| + | <div class="thumbimage">[[file:{{{image9}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width9}}} }}px{{#ifeq:{{{link9|:}}}|:||{{!}} | ||
| + | link={{{link9}}}}}|alt={{{alt9|}}}|{{{caption9|}}}]] | ||
| + | </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}}}}}}}px"> | ||
| + | <div class="thumbimage">[[file:{{{image10}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width10}}} }}px{{#ifeq:{{{link10|:}}}|:||{{!}} | ||
| + | link={{{link10}}}}}|alt={{{alt10|}}}|{{{caption10|}}}]] | ||
| + | </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> | ||
| + | }}<noinclude>{{Documentation}}</noinclude> | ||