Template:Multiple images: Difference between revisions

Newer edit →

Revision as of 22:35, 10 November 2014

Template:Doc

@@ Line 1: / Line 1: @@
-<includeonly>{{#if: {{{contenido|}}} | {{#ifeq:{{{posición_tabla|}}}|center|<div class="center">}} }}<div class="thumb {{#switch: {{{posición_tabla|}}} | left = tleft | center | centre = tnone | tright}}" style="{{#if: {{{contenido|}}} | background:transparent; | width:{{#ifeq: {{{dirección|horizontal}}} | vertical | {{#expr: {{#if: {{{ancho|}}} | {{{ancho|}}} | {{{ancho1}}} }} + 12}} | {{#if: {{{ancho|}}} | {{#expr: 8 + ({{{ancho|0}}} + 4) * {{#if: {{{foto5|}}} | 5 | {{#if: {{{foto4|}}} | 4 | {{#if: {{{foto3|}}} | 3 | 2 }} }} }} }} | {{#expr: 16 + {{{ancho1}}} + {{{ancho2}}} + {{{ancho3|0}}} + {{{ancho4|0}}} + {{{ancho5|0}}} + {{#if: {{{foto5|}}} | 12 | {{#if: {{{foto4|}}} | 8 | {{#if: {{{foto3|}}} | 4 | 0 }} }} }} }} }} }}px;}}{{#switch: {{{posición_tabla|}}} | center | centre = margin: 0 auto;}}">
+{{#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|}}}<!--
-<div class="thumbinner" {{#if: {{{contenido|}}} | style="{{#if:{{{ancho|}}}|width:{{#expr:{{{ancho}}}+2}}px;}}"}}>{{#if: {{{título|}}} | <div style="clear:both; font-weight:bold; text-align:{{{posición_título|center}}}; background-color:{{{fondo_de_título|transparent}}};">{{{título}}}</div> }}
+If stacked vertically, box width = largest width + 12 px (6 px margin on left and right) -->
-{{#if:{{{texto|}}}|
+| vertical               = {{#expr:
-{{#switch: {{{posición|bottom}}} | top | arriba = <div class="thumbcaption" style="background-color:{{{fondo_de_texto|transparent}}};">{{#if: {{{link|}}} | <div class="magnify" style="float:right">{{{linkoverride|[[:{{{link}}}|info]]}}}</div> |}}{{{texto|{{{pie|{{{caption}}}}}}}}}</div>
+    {{#if:{{{width|}}}
-|#default=}}
+      | {{{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|}}} }}
+      +
+      }}<!--
+   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}}}}}
+      +
+* ({{Template:Multiple image/numImgs | {{{image1|}}} | {{{image2|}}} | {{{image3|}}} | {{{image4|}}} | {{{image5|}}} | {{{image6|}}} | {{{image7|}}} | {{{image8|}}} | {{{image9|}}} | {{{image10|}}} }} - 2)
+      +
+      }}
+   }}
+}}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>
 }}
-{{#if: {{{contenido|}}} | <div class="thumbimage" style="{{#if:{{{ancho|}}}|width:{{{ancho}}}px;}} background:transparent;">{{{contenido}}}</div> |
+</div>
-<div style="{{#ifeq: {{{dirección|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{ancho|}}} | {{{ancho|}}} | {{{ancho1}}} }} }}px;"><div class="thumbimage">[[Archivo:{{{foto1}}}|{{#if: {{{ancho|}}} | {{{ancho|}}} | {{{ancho1}}} }}px|{{{texto1|}}}]]</div>{{#if: {{{texto1|}}} | <div class="thumbcaption" style="clear:left; text-align:{{{alineación_texto1|left}}}">{{{texto1}}}</div>}}</div>
+}}{{#if:{{{image2|}}}|
-<div style="{{#ifeq: {{{dirección|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{ancho|}}} | {{{ancho|}}} | {{{ancho2}}} }} }}px;"><div class="thumbimage">[[Archivo:{{{foto2}}}|{{#if: {{{ancho|}}} | {{{ancho|}}} | {{{ancho2}}} }}px|{{{texto2|}}}]]</div>{{#if: {{{texto2|}}} | <div class="thumbcaption" style="clear:left; text-align:{{{alineación_texto2|left}}}">{{{texto2}}}</div>}}</div>
+<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width2|200}}}}}}}px">
-{{#if: {{{foto3|}}} | <div style="{{#ifeq: {{{dirección|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{ancho|}}} | {{{ancho|}}} | {{{ancho3}}} }} }}px;"><div class="thumbimage">[[Archivo:{{{foto3}}}|{{#if: {{{ancho|}}} | {{{ancho|}}} | {{{ancho3}}} }}px|{{{texto3|}}}]]</div>{{#if: {{{texto3|}}} | <div class="thumbcaption" style="clear:left; text-align:{{{alineación_texto3|left}}}">{{{texto3}}}</div>}}</div>
+<div class="thumbimage">[[file:{{{image2}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width2|200}}} }}px{{#ifeq:{{{link2|:}}}|:||{{!}}link={{{link2}}}}}|alt={{{alt2|}}}]]
-{{#if: {{{foto4|}}} | <div style="{{#ifeq: {{{dirección|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{ancho|}}} | {{{ancho|}}} | {{{ancho4}}} }} }}px;"><div class="thumbimage">[[Archivo:{{{foto4}}}|{{#if: {{{ancho|}}} | {{{ancho|}}} | {{{ancho4}}} }}px|{{{texto4|}}}]]</div>{{#if: {{{texto4|}}} | <div class="thumbcaption" style="clear:left; text-align:{{{alineación_texto4|left}}}">{{{texto4}}}</div>}}</div>
+</div>{{#if:{{{caption2|}}}|
-{{#if: {{{foto5|}}} | <div style="{{#ifeq: {{{dirección|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{ancho|}}} | {{{ancho|}}} | {{{ancho5}}} }} }}px;"><div class="thumbimage">[[Archivo:{{{foto5}}}|{{#if: {{{ancho|}}} | {{{ancho|}}} | {{{ancho5}}} }}px|{{{texto5|}}}]]</div>{{#if: {{{texto5|}}} | <div class="thumbcaption" style="clear:left; text-align:{{{alineación_texto5|left}}}">{{{texto5}}}</div>}}</div>
+<div class="thumbcaption" style="clear:left">{{{caption2}}}
-{{#if: {{{foto6|}}} | <div style="{{#ifeq: {{{dirección|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{ancho|}}} | {{{ancho|}}} | {{{ancho6}}} }} }}px;"><div class="thumbimage">[[Archivo:{{{foto6}}}|{{#if: {{{ancho|}}} | {{{ancho|}}} | {{{ancho6}}} }}px|{{{texto6|}}}]]</div>{{#if: {{{texto6|}}} | <div class="thumbcaption" style="clear:left; text-align:{{{alineación_texto6|left}}}">{{{texto6}}}</div>}}</div>
+</div>
-{{#if: {{{foto7|}}} | <div style="{{#ifeq: {{{dirección|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{ancho|}}} | {{{ancho|}}} | {{{ancho7}}} }} }}px;"><div class="thumbimage">[[Archivo:{{{foto7}}}|{{#if: {{{ancho|}}} | {{{ancho|}}} | {{{ancho7}}} }}px|{{{texto7|}}}]]</div>{{#if: {{{texto7|}}} | <div class="thumbcaption" style="clear:left; text-align:{{{alineación_texto7|left}}}">{{{texto7}}}</div>}}</div>
-{{#if: {{{foto8|}}} | <div style="{{#ifeq: {{{dirección|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{ancho|}}} | {{{ancho|}}} | {{{ancho8}}} }} }}px;"><div class="thumbimage">[[Archivo:{{{foto8}}}|{{#if: {{{ancho|}}} | {{{ancho|}}} | {{{ancho8}}} }}px|{{{texto8|}}}]]</div>{{#if: {{{texto8|}}} | <div class="thumbcaption" style="clear:left; text-align:{{{alineación_texto8|left}}}">{{{texto8}}}</div>}}</div>
-{{#if: {{{foto9|}}} | <div style="{{#ifeq: {{{dirección|horizontal}}} | horizontal | float:left;}}margin:1px;width:{{#expr: 2 + {{#if: {{{ancho|}}} | {{{ancho|}}} | {{{ancho9}}} }} }}px;"><div class="thumbimage">[[Archivo:{{{foto9}}}|{{#if: {{{ancho|}}} | {{{ancho|}}} | {{{ancho9}}} }}px|{{{texto9|}}}]]</div>{{#if: {{{texto9|}}} | <div class="thumbcaption" style="clear:left; text-align:{{{alineación_texto9|left}}}">{{{texto9}}}</div>}}</div>
-}}}}}}}}}}}}}}
 }}
-{{#if:{{{texto|}}}|
+</div>
-{{#switch: {{{posición|bottom}}} | bottom | abajo = <div class="thumbcaption" style="clear:both; background-color:{{{fondo_de_texto|transparent}}};">{{#if: {{{link|}}} | <div class="magnify" style="float:right">{{{linkoverride|[[:{{{link}}}|info]]}}}</div> |}}{{{texto|{{{pie|{{{caption}}}}}}}}}</div>
+}}{{#if:{{{image3|}}}|
-|#default=}}
+<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width3|200}}}}}}}px">
-}}</div></div>{{#if: {{{contenido|}}} | {{#ifeq:{{{posición_tabla|}}}|center|</div>}} }}</includeonly><noinclude>
+<div class="thumbimage">[[file:{{{image3}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width3|200}}} }}px{{#ifeq:{{{link3|:}}}|:||{{!}}link={{{link3}}}}}|alt={{{alt3|}}}]]
-{{documentación}}
+</div>{{#if:{{{caption3|}}}|
-</noinclude>
+<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>
+}}<noinclude>{{doc}}<!-- PLEASE ADD CATEGORIES AND INTERWIKIS TO THE /doc SUBPAGE, THANKS --></noinclude>
 [[Category:Templates]]

Template:Multiple images: Difference between revisions

Revision as of 22:35, 10 November 2014

Navigation menu

Page actions

Page actions

Personal tools

Navigation

Search

club

community

Tools