模板:Multiple image
出自【暗黑百科】DiabloWiki_凯恩之角
(修订版本间的差异)
Chendy1985 (讨论 | 贡献) (再次测试) |
|||
(10个中途的修订版本没有显示) | |||
第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:Image number | {{{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:Image number | {{{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> | ||
+ | <div style="clear:both;"><pre> | ||
+ | |||
+ | 引用本模板时,请复制以下空白模板: | ||
+ | |||
+ | {{multiple image | ||
+ | | align = left/right/center | ||
+ | | direction = horizontal/vertical | ||
+ | | header = | ||
+ | | header_align = left/right/center | ||
+ | | header_background = | ||
+ | | footer = | ||
+ | | footer_align = left/right/center | ||
+ | | footer_background = | ||
+ | | width = | ||
+ | | image1 = | ||
+ | | width1 = | ||
+ | | alt1 = | ||
+ | | caption1 = | ||
+ | | image2 = | ||
+ | | width2 = | ||
+ | | alt2 = | ||
+ | | caption2 = | ||
+ | | image3 = | ||
+ | | width3 = | ||
+ | | alt3 = | ||
+ | | caption3 = | ||
+ | | image4 = | ||
+ | | width4 = | ||
+ | | alt4 = | ||
+ | | caption4 = | ||
+ | | image5 = | ||
+ | | width5 = | ||
+ | | alt5 = | ||
+ | | caption5 = | ||
+ | | image6 = | ||
+ | | width6 = | ||
+ | | alt6 = | ||
+ | | caption6 = | ||
+ | | image7 = | ||
+ | | width7 = | ||
+ | | alt7 = | ||
+ | | caption7 = | ||
+ | | image8 = | ||
+ | | width8 = | ||
+ | | alt8 = | ||
+ | | caption8 = | ||
+ | | image9 = | ||
+ | | width9 = | ||
+ | | alt9 = | ||
+ | | caption9 = | ||
+ | | image10 = | ||
+ | | width10 = | ||
+ | | alt10 = | ||
+ | | caption10 = | ||
+ | }} | ||
+ | |||
+ | |||
+ | 参数解说: | ||
+ | align: 图片的对齐方式(left/right/center),默认为“居中对齐”(center)<br> | ||
+ | direction: 图片的排列方式(horizontal/vertical),默认为“横向”(horizontal)<br> | ||
+ | header_align: 图片框标题的对齐方式(left/right/center),默认为“居中对齐”(center)<br> | ||
+ | footer_align: 图片框框底的对齐方式(left/right/center),默认为“向左对齐”(left)<br> | ||
+ | image1、image2等: 显示的图片名称(不需输入File:或Image:)<br> | ||
+ | width1、width2等: 图片宽度,以像素(px)为单位<br> | ||
+ | alt1、alt2等: 图片不能显示时的替代文字<br> | ||
+ | caption1、caption2等:图片的独立说明<br> | ||
+ | width: 所有图片的宽度,使用后将自动取代width1、width2等值。如欲为每张图片设定不同的宽度,请不要使用该参数。<br> | ||
+ | background color: 图片框内的背景颜色。<br> | ||
+ | |||
+ | header(标题)、footer(框底)、background color及各图片的caption均是选填参数。<br> | ||
+ | |||
+ | (具体示例可参见http://zh.wikipedia.org/wiki/Template:%E5%B9%B6%E5%88%97%E5%9B%BE%E5%83%8F) | ||
+ | </pre> </div> | ||
+ | </noinclude> |
在2012年3月10日 (六) 17:21的最新修订版本
引用本模板时,请复制以下空白模板: {{multiple image | align = left/right/center | direction = horizontal/vertical | header = | header_align = left/right/center | header_background = | footer = | footer_align = left/right/center | footer_background = | width = | image1 = | width1 = | alt1 = | caption1 = | image2 = | width2 = | alt2 = | caption2 = | image3 = | width3 = | alt3 = | caption3 = | image4 = | width4 = | alt4 = | caption4 = | image5 = | width5 = | alt5 = | caption5 = | image6 = | width6 = | alt6 = | caption6 = | image7 = | width7 = | alt7 = | caption7 = | image8 = | width8 = | alt8 = | caption8 = | image9 = | width9 = | alt9 = | caption9 = | image10 = | width10 = | alt10 = | caption10 = }} 参数解说: align: 图片的对齐方式(left/right/center),默认为“居中对齐”(center)<br> direction: 图片的排列方式(horizontal/vertical),默认为“横向”(horizontal)<br> header_align: 图片框标题的对齐方式(left/right/center),默认为“居中对齐”(center)<br> footer_align: 图片框框底的对齐方式(left/right/center),默认为“向左对齐”(left)<br> image1、image2等: 显示的图片名称(不需输入File:或Image:)<br> width1、width2等: 图片宽度,以像素(px)为单位<br> alt1、alt2等: 图片不能显示时的替代文字<br> caption1、caption2等:图片的独立说明<br> width: 所有图片的宽度,使用后将自动取代width1、width2等值。如欲为每张图片设定不同的宽度,请不要使用该参数。<br> background color: 图片框内的背景颜色。<br> header(标题)、footer(框底)、background color及各图片的caption均是选填参数。<br> (具体示例可参见http://zh.wikipedia.org/wiki/Template:%E5%B9%B6%E5%88%97%E5%9B%BE%E5%83%8F)