Template:Plain image with caption and Template:Plain image with caption/sandbox: Difference between pages

(Difference between pages)
Page 1
Page 2
imported>Great Brightstar
Upright parameter won't applied until user defined it
 
imported>Holly Cheng
fix
 
Line 1: Line 1:
<templatestyles src="Plain image with caption/styles.css"/>
<div class="{{#ifeq: {{{4|{{{align|right}}}}}} | right | floatright | {{#ifeq: {{{4|{{{align|left}}}}}} | left | floatleft | center}} }}">
{{#switch: {{{4|{{{align|}}}}}} | centre | center = <div class="center"> }}
<div class="thumbinner" style="background:none;border:none;max-width:{{Str number/trim|{{{3|{{{width|250px}}}}}}}}px;">
<div class="thumb {{#switch: {{{4|{{{align|right}}}}}} | right = tright | left = tleft | none | centre | center = tnone }}">
{{#ifeq: {{{5|{{{caption position|bottom}}}}}} | top | {{#if: {{{9|{{{caption override|}}}}}} | <div class="thumbcaption">{{{9|{{{caption override|}}}}}}</div> | <div class="thumbcaption">{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | <div style="float: left; margin-top: 0.25em; width: 11px; height: 9.5px;"><div style="position: relative; float: left; width: 0px; height: 0px; -webkit-transform: rotate(360deg); border-style: solid inset; border-width: 9.5px 5.5px 0 5.5px; border-color: {{{7|{{{triangle color|#ff0080}}}}}} transparent transparent transparent;"></div></div> | }}<div style="{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | padding-left: 24px;}}">{{{2|{{{caption<noinclude>|Caption goes here.</noinclude>}}}}}}</div> }} </div>}}<!--
<div style="display:table;{{#switch: {{{4|{{{align|}}}}}} | centre | center = width:{{Str number/trim|{{{3|{{{width|}}}}}}}}px;}}">
-->{{#if: {{{8|{{{image override|}}}}}} | {{{8|{{{image override|}}}}}} | [[File:{{Remove file prefix|{{{1|{{{image<noinclude>|Example.svg</noinclude>}}}}}}}}|none|{{Str number/trim|{{{3|{{{width|250px}}}}}}}}px|{{{2|{{{caption<noinclude>|Caption goes here.</noinclude>}}}}}}]] }}<!--
{{#ifeq: {{{5|{{{caption position|bottom}}}}}} | top | {{#if: {{{9|{{{caption override|}}}}}} | <div class="thumbcaption" style="display:table-caption;caption-side:top;box-sizing:border-box;">{{{9|{{{caption override|}}}}}}</div> | <div class="thumbcaption" style="display:table-caption;caption-side:top;box-sizing:border-box;">{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | <div style="float: left; margin-top: 0.25em; width: 11px; height: 9.5px;"><div style="position: relative; float: left; width: 0px; height: 0px; -webkit-transform: rotate(360deg); border-style: solid inset; border-width: 9.5px 5.5px 0 5.5px; border-color: {{{7|{{{triangle color|#ff0080}}}}}} transparent transparent transparent;"></div></div> | }}{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | <div style="padding-left: 20px"> }}{{{2|{{{caption<noinclude>|Caption goes here.</noinclude>}}}}}}{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | </div> }} }} </div>}}<!--
-->{{#ifeq: {{{5|{{{caption position|bottom}}}}}} | bottom | {{#if: {{{9|{{{caption override|}}}}}} | <div class="thumbcaption">{{{9|{{{caption override|}}}}}}</div> | <div class="thumbcaption">{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | <div style="float: left; margin-top: 0.25em; width: 11px; height: 9.5px;"><div style="position: relative; width: 0px; height: 0px; border-style: solid inset; border-width: 0 5.5px 9.5px 5.5px; border-color: transparent transparent {{{7|{{{triangle color|#ff0080}}}}}} transparent;"></div></div> | }}<div style="{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | padding-left:24px;}} {{#if: {{{10|{{{caption align|}}}}}} | text-align: {{{10|{{{caption align|}}}}}}; | }}">{{{2|{{{caption<noinclude>|Caption goes here.</noinclude>}}}}}}</div> }} </div> }}
-->{{#if: {{{8|{{{image override|}}}}}} | {{{8|{{{image override|}}}}}} | [[File:{{PAGENAME:{{{1|{{{image<noinclude>|Example.svg</noinclude>}}}}}}}}|frameless|{{#if:{{{upright|}}}|upright={{{upright|}}}{{!}}}}{{#if:{{{3|{{{width|}}}}}}{{{height}}}|{{Str number/trim|{{{3|{{{width|}}}}}}}}{{#if:{{{height|}}}|x{{Str number/trim|{{{height|}}}}}}}px}}|{{{2|{{{caption<noinclude>|Caption goes here.</noinclude>}}}}}}]] }}<!--
</div>
-->{{#ifeq: {{{5|{{{caption position|bottom}}}}}} | bottom | {{#if: {{{9|{{{caption override|}}}}}} | <div class="thumbcaption" style="display:table-caption;caption-side:bottom;box-sizing:border-box;">{{{9|{{{caption override|}}}}}}</div> | <div class="thumbcaption" style="display:table-caption;caption-side:bottom;box-sizing:border-box;">{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | <div style="float: left; margin-top: 0.25em; width: 11px; height: 9.5px;"><div style="position: relative; width: 0px; height: 0px; border-style: solid inset; border-width: 0 5.5px 9.5px 5.5px; border-color: transparent transparent {{{7|{{{triangle color|#ff0080}}}}}} transparent;"></div></div> | }}{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | <div style="padding-left: 20px"> }}{{{2|{{{caption<noinclude>|Caption goes here.</noinclude>}}}}}}{{#ifeq: {{{6|{{{triangle|none}}}}}} | triangle | </div> }} }} </div> }}{{#switch: {{{4|{{{align|}}}}}} | centre | center = {{#ifeq:{{{3|{{{width|}}}}}}||{{error|Error: Center-aligned images must have pixel-defined width}}[[Category:Plain image with caption center aligned without pixel-defined width]]}}}}
</div>
</div>
</div>{{#switch: {{{4|{{{align|}}}}}} |centre | center = </div> }}<noinclude>{{doc}}</noinclude>