模板:Multiple image

出自【暗黑百科】DiabloWiki_凯恩之角

(修订版本间的差异)
跳转到: 导航, 搜索
(再次测试)
(修改格式)
第1行: 第1行:
-
{{#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>
+
{{#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>

在2012年2月25日 (六) 14:23所做的修订版本

[創建] 50px 模板文档
个人工具
分享到: 更多
名字空间
变换
动作
网站地图
暗黑破坏神 III
暗黑破坏神 II
暗黑破坏神
工具箱
编辑箱
关于暗黑百科