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: {{# | {{#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 | |||
<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> | ||
