模板: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> |