Template:Multiple image: Difference between revisions
From Zoophilia Wiki
Jump to navigationJump to search
meta>Thumperward try to fix width of caption |
meta>Thumperward whitespace, set each image div up individually instead of nesting all the conditionals |
||
Line 1: | Line 1: | ||
<div class="thumb {{#switch: {{{align|}}} | left = tleft | center | centre = tnone | tright}}" style="width: {{#switch:{{{direction|}}} | |||
{{#switch:{{{direction|}}} | |||
| vertical = {{#expr:{{#if:{{{width|}}}|{{{width}}}|{{max|{{{width1|}}}|{{max|{{max|{{{width2|}}}|{{{width3|}}}|{{{width4|}}}}}|{{max|{{{width5|}}}|{{{width6|}}}|{{{width7|}}}}}|{{max|{{{width8|}}}|{{{width9|}}}|{{{width10|}}}}}}}}}+12}} | | vertical = {{#expr:{{#if:{{{width|}}}|{{{width}}}|{{max|{{{width1|}}}|{{max|{{max|{{{width2|}}}|{{{width3|}}}|{{{width4|}}}}}|{{max|{{{width5|}}}|{{{width6|}}}|{{{width7|}}}}}|{{max|{{{width8|}}}|{{{width9|}}}|{{{width10|}}}}}}}}}+12}} | ||
| horizontal | | horizontal | ||
Line 6: | Line 5: | ||
}}px; {{#switch: {{{align|}}} | center | centre = margin: 0 auto;}}{{#if:{{{background color|}}}|background-color: {{{background color}}} }}"> | }}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|}}} | <div style="clear: both; font-weight: bold; text-align: {{{header_align|center}}}; background-color: {{{header_background|transparent}}}">{{{header}}}</div> }} | {{#if:{{{header|}}}| | ||
{{#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> | <div style="clear: both; font-weight: bold; text-align: {{{header_align|center}}}; background-color: {{{header_background|transparent}}}"> | ||
{{#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> | {{{header}}} | ||
{{#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> | </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:{{{image1|}}}| | ||
{{#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> | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width1}}}}}}}px"> | ||
{{#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> | <div class="thumbimage"> | ||
{{#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> | [[file:{{{image1}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width1}}} }}px{{#ifeq:{{{link1|:}}}|:||{{!}}link={{{link1}}}}}|alt={{{alt1|}}}|{{{caption1|}}}]] | ||
{{#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> | </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:{{{caption1|}}}| | ||
{{#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>}} | <div class="thumbcaption" style="clear:left"> | ||
{{#if:{{{footer|}}} | <div class="thumbcaption" style="clear:left;text-align:{{{footer_align|left}}};background:{{{footer_background|transparent}}} | {{{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>{{doc}}<!-- PLEASE ADD CATEGORIES AND INTERWIKIS TO THE /doc SUBPAGE, THANKS --></noinclude> |