Template:Multiple image: Difference between revisions
From Zoophilia Wiki
Jump to navigationJump to search
meta>Thumperward syncing with sandbox. allows for "width=auto" to use default thumbnail size. any problems please revert and ping me |
meta>Beyond My Ken Undid revision 382082382 by Thumperward (talk) Not rendering properly under IE |
||
| 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: {{#switch:{{{direction|}}} | ||
| 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 5: | Line 8: | ||
{{{header}}} | {{{header}}} | ||
</div> | </div> | ||
}}{{#if:{{{image1|}}}| | |||
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width1}}}}}}}px"> | ||
<div class="thumbimage">[[file:{{{image1}}} | <div class="thumbimage">[[file:{{{image1}}}|{{#if:{{{width|}}} | {{{width}}} | {{{width1}}} }}px{{#ifeq:{{{link1|:}}}|:||{{!}}link={{{link1}}}}}|alt={{{alt1|}}}|{{{caption1|}}}]] | ||
</div> | </div> | ||
{{#if:{{{caption1|}}}| | {{#if:{{{caption1|}}}| | ||
| Line 15: | Line 18: | ||
</div> | </div> | ||
}}{{#if:{{{image2|}}}| | }}{{#if:{{{image2|}}}| | ||
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width2}}}}}}}px"> | ||
<div class="thumbimage">[[file:{{{image2}}} | <div class="thumbimage">[[file:{{{image2}}}|{{#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 23: | Line 26: | ||
</div> | </div> | ||
}}{{#if:{{{image3|}}}| | }}{{#if:{{{image3|}}}| | ||
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width3}}}}}}}px"> | ||
<div class="thumbimage">[[file:{{{image3}}} | <div class="thumbimage">[[file:{{{image3}}}|{{#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 31: | Line 34: | ||
</div> | </div> | ||
}}{{#if:{{{image4|}}}| | }}{{#if:{{{image4|}}}| | ||
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width4}}}}}}}px"> | ||
<div class="thumbimage">[[file:{{{image4}}} | <div class="thumbimage">[[file:{{{image4}}}|{{#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 39: | Line 42: | ||
</div> | </div> | ||
}}{{#if:{{{image5|}}}| | }}{{#if:{{{image5|}}}| | ||
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width5}}}}}}}px"> | ||
<div class="thumbimage">[[file:{{{image5}}} | <div class="thumbimage">[[file:{{{image5}}}|{{#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 47: | Line 50: | ||
</div> | </div> | ||
}}{{#if:{{{image6|}}}| | }}{{#if:{{{image6|}}}| | ||
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width6}}}}}}}px"> | ||
<div class="thumbimage">[[file:{{{image6}}} | <div class="thumbimage">[[file:{{{image6}}}|{{#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 55: | Line 58: | ||
</div> | </div> | ||
}}{{#if:{{{image7|}}}| | }}{{#if:{{{image7|}}}| | ||
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width7}}}}}}}px"> | ||
<div class="thumbimage">[[file:{{{image7}}} | <div class="thumbimage">[[file:{{{image7}}}|{{#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 63: | Line 66: | ||
</div> | </div> | ||
}}{{#if:{{{image8|}}}| | }}{{#if:{{{image8|}}}| | ||
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width8}}}}}}}px"> | ||
<div class="thumbimage">[[file:{{{image8}}} | <div class="thumbimage">[[file:{{{image8}}}|{{#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 71: | Line 74: | ||
</div> | </div> | ||
}}{{#if:{{{image9|}}}| | }}{{#if:{{{image9|}}}| | ||
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width9}}}}}}}px"> | ||
<div class="thumbimage">[[file:{{{image9}}} | <div class="thumbimage">[[file:{{{image9}}}|{{#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 79: | Line 82: | ||
</div> | </div> | ||
}}{{#if:{{{image10|}}}| | }}{{#if:{{{image10|}}}| | ||
<div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; | <div style="{{#ifeq: {{{direction|horizontal}}}|horizontal|float: left;}} margin: 1px; width: {{#expr: 2 + {{#if:{{{width|}}}|{{{width}}}|{{{width10}}}}}}}px"> | ||
<div class="thumbimage">[[file:{{{image10}}} | <div class="thumbimage">[[file:{{{image10}}}|{{#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 86: | Line 89: | ||
}} | }} | ||
</div> | </div> | ||
}}{{#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> | ||
