Template:Multiple image: Difference between revisions

From Zoophilia Wiki
Jump to navigationJump to search
meta>Thumperward
try fixing width computation. looks like the 12px addition might be nested too deeply
meta>Thumperward
syncing with sandbox. allows for "width=auto" to use default thumbnail size. any problems please revert and ping me
Line 1: Line 1:
{{#if:{{{image1|}}}{{{image2|}}}{{{image3|}}}{{{image4|}}}{{{image5|}}}{{{image6|}}}{{{image7|}}}{{{image8|}}}{{{image9|}}}{{{image10|}}}|<div class="thumb {{#switch: {{{align|}}} | left = tleft | center | centre = tnone | tright}}" style="width: {{#switch:{{{direction|}}}
{{#if:{{{image1|}}}{{{image2|}}}{{{image3|}}}{{{image4|}}}{{{image5|}}}{{{image6|}}}{{{image7|}}}{{{image8|}}}{{{image9|}}}{{{image10|}}}|<div class="thumb {{#switch: {{{align|}}} | left = tleft | center | centre = tnone | tright}}" style="width: {{#ifeq:{{{direction|}}}|vertical|{{#ifeq:{{{width|}}}|auto|auto|{{#expr:{{#if:{{{width|}}}|{{{width}}}|{{max|{{{width1|}}}|{{max|{{max|{{{width2|}}}|{{{width3|}}}|{{{width4|}}}}}|{{max|{{{width5|}}}|{{{width6|}}}|{{{width7|}}}}}|{{max|{{{width8|}}}|{{{width9|}}}|{{{width10|}}}}}}}}}}}+12}}px}}|auto}}; {{#switch: {{{align|}}} | center | centre = margin: 0 auto;}}{{#if:{{{background color|}}}|background-color: {{{background color}}} }}">
| vertical   = {{#expr:{{#if:{{{width|}}}|{{{width}}}|{{max|{{{width1|}}}|{{max|{{max|{{{width2|}}}|{{{width3|}}}|{{{width4|}}}}}|{{max|{{{width5|}}}|{{{width6|}}}|{{{width7|}}}}}|{{max|{{{width8|}}}|{{{width9|}}}|{{{width10|}}}}}}}}}}}+12}}
| horizontal
| #default  = {{#if:{{{width|}}}|{{#expr:({{{width|0}}}+4)*{{#if:{{{image10|}}}|10|{{#if:{{{image9|}}}|9|{{#if:{{{image8|}}}|8|{{#if:{{{image7|}}}|7|{{#if:{{{image6|}}}|6|{{#if:{{{image5|}}}|5|{{#if:{{{image4|}}}|4|{{#if:{{{image3|}}}|3|2}}}}}}}}}}}}}}}}+8}}|{{#expr:16+{{{width1|0}}}+{{{width2|0}}}+{{{width3|0}}}+{{{width4|0}}}+{{{width5|0}}}+{{{width6|0}}}+{{{width7|0}}}+{{{width8|0}}}+{{{width9|0}}}+{{{width10|0}}}+{{#if:{{{image10|}}}|32|{{#if:{{{image9|}}}|28|{{#if:{{{image8|}}}|24|{{#if:{{{image7|}}}|20|{{#if:{{{image6|}}}|16|{{#if:{{{image5|}}}|12|{{#if:{{{image4|}}}|8|{{#if:{{{image3|}}}|4|0}}}}}}}}}}}}}}}}}}}}}}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}}}"}}>
<div class="thumbinner" {{#if:{{{background color|}}}|style="background-color: {{{background color}}}"}}>
{{#if:{{{header|}}}|
{{#if:{{{header|}}}|
Line 8: Line 5:
{{{header}}}
{{{header}}}
</div>
</div>
}}{{#if:{{{image1|}}}|
}}{{#ifeq:{{{direction|}}}|horizontal|{{nowrap begin}}}}{{#if:{{{image1|}}}|
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width1}}}}}}}px">
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; {{#ifeq:{{{width|}}}|auto||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 class="thumbimage">[[file:{{{image1}}}|{{#ifeq:{{{width|}}}|auto|frameless|{{#if:{{{width|}}}|{{{width}}}|{{{width1}}} }}px}}{{#ifeq:{{{link1|:}}}|:||{{!}}link={{{link1}}}}}|alt={{{alt1|}}}|{{{caption1|}}}]]
</div>
</div>
{{#if:{{{caption1|}}}|
{{#if:{{{caption1|}}}|
Line 18: Line 15:
</div>
</div>
}}{{#if:{{{image2|}}}|
}}{{#if:{{{image2|}}}|
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width2}}}}}}}px">
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; {{#ifeq:{{{width|}}}|auto||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 class="thumbimage">[[file:{{{image2}}}|{{#ifeq:{{{width|}}}|auto|frameless|{{#if:{{{width|}}}|{{{width}}}|{{{width2}}} }}px}}{{#ifeq:{{{link2|:}}}|:||{{!}}link={{{link2}}}}}|alt={{{alt2|}}}|{{{caption2|}}}]]
</div>{{#if:{{{caption2|}}}|
</div>{{#if:{{{caption2|}}}|
<div class="thumbcaption" style="clear:left">{{{caption2}}}
<div class="thumbcaption" style="clear:left">{{{caption2}}}
Line 26: Line 23:
</div>
</div>
}}{{#if:{{{image3|}}}|
}}{{#if:{{{image3|}}}|
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width3}}}}}}}px">
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; {{#ifeq:{{{width|}}}|auto||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 class="thumbimage">[[file:{{{image3}}}|{{#ifeq:{{{width|}}}|auto|frameless|{{#if:{{{width|}}}|{{{width}}}|{{{width3}}} }}px}}{{#ifeq:{{{link3|:}}}|:||{{!}}link={{{link3}}}}}|alt={{{alt3|}}}|{{{caption3|}}}]]
</div>{{#if:{{{caption3|}}}|
</div>{{#if:{{{caption3|}}}|
<div class="thumbcaption" style="clear:left">{{{caption3}}}
<div class="thumbcaption" style="clear:left">{{{caption3}}}
Line 34: Line 31:
</div>
</div>
}}{{#if:{{{image4|}}}|
}}{{#if:{{{image4|}}}|
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width4}}}}}}}px">
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; {{#ifeq:{{{width|}}}|auto||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 class="thumbimage">[[file:{{{image4}}}|{{#ifeq:{{{width|}}}|auto|frameless|{{#if:{{{width|}}}|{{{width}}}|{{{width4}}} }}px}}{{#ifeq:{{{link4|:}}}|:||{{!}}link={{{link4}}}}}|alt={{{alt4|}}}|{{{caption4|}}}]]
</div>{{#if:{{{caption4|}}}|
</div>{{#if:{{{caption4|}}}|
<div class="thumbcaption" style="clear:left">{{{caption4}}}
<div class="thumbcaption" style="clear:left">{{{caption4}}}
Line 42: Line 39:
</div>
</div>
}}{{#if:{{{image5|}}}|
}}{{#if:{{{image5|}}}|
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width5}}}}}}}px">
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; {{#ifeq:{{{width|}}}|auto||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 class="thumbimage">[[file:{{{image5}}}|{{#ifeq:{{{width|}}}|auto|frameless|{{#if:{{{width|}}}|{{{width}}}|{{{width5}}} }}px}}{{#ifeq:{{{link5|:}}}|:||{{!}}link={{{link5}}}}}|alt={{{alt5|}}}|{{{caption5|}}}]]
</div>{{#if:{{{caption5|}}}|
</div>{{#if:{{{caption5|}}}|
<div class="thumbcaption" style="clear:left">{{{caption5}}}
<div class="thumbcaption" style="clear:left">{{{caption5}}}
Line 50: Line 47:
</div>
</div>
}}{{#if:{{{image6|}}}|
}}{{#if:{{{image6|}}}|
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width6}}}}}}}px">
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; {{#ifeq:{{{width|}}}|auto||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 class="thumbimage">[[file:{{{image6}}}|{{#ifeq:{{{width|}}}|auto|frameless|{{#if:{{{width|}}}|{{{width}}}|{{{width6}}} }}px}}{{#ifeq:{{{link6|:}}}|:||{{!}}link={{{link6}}}}}|alt={{{alt6|}}}|{{{caption6|}}}]]
</div>{{#if:{{{caption6|}}}|
</div>{{#if:{{{caption6|}}}|
<div class="thumbcaption" style="clear:left">{{{caption6}}}
<div class="thumbcaption" style="clear:left">{{{caption6}}}
Line 58: Line 55:
</div>
</div>
}}{{#if:{{{image7|}}}|
}}{{#if:{{{image7|}}}|
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width7}}}}}}}px">
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; {{#ifeq:{{{width|}}}|auto||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 class="thumbimage">[[file:{{{image7}}}|{{#ifeq:{{{width|}}}|auto|frameless|{{#if:{{{width|}}}|{{{width}}}|{{{width7}}} }}px}}{{#ifeq:{{{link7|:}}}|:||{{!}}link={{{link7}}}}}|alt={{{alt7|}}}|{{{caption7|}}}]]
</div>{{#if:{{{caption7|}}}|
</div>{{#if:{{{caption7|}}}|
<div class="thumbcaption" style="clear:left">{{{caption7}}}
<div class="thumbcaption" style="clear:left">{{{caption7}}}
Line 66: Line 63:
</div>
</div>
}}{{#if:{{{image8|}}}|
}}{{#if:{{{image8|}}}|
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width8}}}}}}}px">
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; {{#ifeq:{{{width|}}}|auto||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 class="thumbimage">[[file:{{{image8}}}|{{#ifeq:{{{width|}}}|auto|frameless|{{#if:{{{width|}}}|{{{width}}}|{{{width8}}} }}px}}{{#ifeq:{{{link8|:}}}|:||{{!}}link={{{link8}}}}}|alt={{{alt8|}}}|{{{caption8|}}}]]
</div>{{#if:{{{caption8|}}}|
</div>{{#if:{{{caption8|}}}|
<div class="thumbcaption" style="clear:left">{{{caption8}}}
<div class="thumbcaption" style="clear:left">{{{caption8}}}
Line 74: Line 71:
</div>
</div>
}}{{#if:{{{image9|}}}|
}}{{#if:{{{image9|}}}|
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width9}}}}}}}px">
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; {{#ifeq:{{{width|}}}|auto||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 class="thumbimage">[[file:{{{image9}}}|{{#ifeq:{{{width|}}}|auto|frameless|{{#if:{{{width|}}}|{{{width}}}|{{{width9}}} }}px}}{{#ifeq:{{{link9|:}}}|:||{{!}}link={{{link9}}}}}|alt={{{alt9|}}}|{{{caption9|}}}]]
</div>{{#if:{{{caption9|}}}|
</div>{{#if:{{{caption9|}}}|
<div class="thumbcaption" style="clear:left">{{{caption9}}}
<div class="thumbcaption" style="clear:left">{{{caption9}}}
Line 82: Line 79:
</div>
</div>
}}{{#if:{{{image10|}}}|
}}{{#if:{{{image10|}}}|
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width10}}}}}}}px">
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; {{#ifeq:{{{width|}}}|auto||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 class="thumbimage">[[file:{{{image10}}}|{{#ifeq:{{{width|}}}|auto|frameless|{{#if:{{{width|}}}|{{{width}}}|{{{width10}}} }}px}}{{#ifeq:{{{link10|:}}}|:||{{!}}link={{{link10}}}}}|alt={{{alt10|}}}|{{{caption10|}}}]]
</div>{{#if:{{{caption10|}}}|
</div>{{#if:{{{caption10|}}}|
<div class="thumbcaption" style="clear:left">{{{caption10}}}
<div class="thumbcaption" style="clear:left">{{{caption10}}}
Line 89: Line 86:
}}
}}
</div>
</div>
}}{{#if:{{{footer|}}}|
}}{{#ifeq:{{{direction|}}}|horizontal|{{nowrap end}}}}{{#if:{{{footer|}}}|
<div class="thumbcaption" style="clear: left; text-align: {{{footer_align|left}}}; background: {{{footer_background|transparent}}}">{{{footer}}}
<div class="thumbcaption" style="clear: left; text-align: {{{footer_align|left}}}; background: {{{footer_background|transparent}}}">{{{footer}}}
</div>
</div>

Revision as of 15:11, 31 August 2010