Difference between revisions of "Template:Annotated image 4/sandbox"
Jump to navigation
Jump to search
blackwiki>Great Brightstar (Another try of scrolling mode) |
blackwiki>Great Brightstar (Some adjusts for frameless and align parameters) |
||
| Line 1: | Line 1: | ||
<includeonly><!--Annotated image 4 template code starts below here--> | <includeonly><!--Annotated image 4 template code starts below here--> | ||
| − | <div class="thumb | + | <div class="thumb {{#switch:{{{align}}} |
| − | + | |left= tleft" style=" | |
| + | |right|#default= tright" style=" | ||
| + | |none= tnone" style=" | ||
| + | |centre|center= center" style="margin-left:auto; margin-right:auto; | ||
| + | }} width:{{#expr:{{{width|300}}}+10}}px; max-width:100%; {{#if:{{{frameless|}}}|overflow:auto;}}">{{#if:{{{frameless|}}}||<div class="thumbinner">}} | ||
{{#if:{{{header|}}}| | {{#if:{{{header|}}}| | ||
<div style="clear: both; font-weight: bold; font-size: 106.4%; text-align: {{{header_align|center}}}; background-color: {{{header_background|transparent}}};margin-bottom:3px;">{{{header}}}</div> | <div style="clear: both; font-weight: bold; font-size: 106.4%; text-align: {{{header_align|center}}}; background-color: {{{header_background|transparent}}};margin-bottom:3px;">{{{header}}}</div> | ||
}} | }} | ||
<!--Start image wrapper--> | <!--Start image wrapper--> | ||
| − | <div style="position:relative; width:{{{width|300}}}px; height:{{{height}}}px; border: | + | <div style="position:relative; width:{{{width|300}}}px; height:{{{height}}}px; border:{{#if:{{{frameless|}}}|0px|solid #ccc 1px}}; background-color:{{{image-bg-color|white}}};overflow:auto;"> |
<!--Start annotated image--> | <!--Start annotated image--> | ||
| − | <div style="overflow: | + | <div class="noresize" style="overflow:display; height:{{{height}}}px; left:{{{image-left|0}}}px; top:{{{image-top|0}}}px; width:{{{image-width|300}}}px; position:absolute"> [[Image:{{{image}}}|{{{image-width|300}}}px|alt={{{alt|}}}|{{#ifeq:{{{nolink|}}}|yes|link=|link={{{link|COMMONS:File:{{{image}}}}}}}}]] |
</div> <!-- end image --> | </div> <!-- end image --> | ||
<!--Start annotations--> | <!--Start annotations--> | ||
| Line 17: | Line 21: | ||
</div><!-- end image wrapper --> | </div><!-- end image wrapper --> | ||
{{#if:{{{caption|}}}|<div class="thumbcaption" style="clear:left">{{#ifeq:{{{icon|}}}|none||[[File:interactive icon.svg|left|18px|link=|The image above contains clickable links|alt=The image above contains clickable links]]}}{{{caption}}}{{#ifeq:{{{nolink|}}}|yes| [[Image:Desc-20.png|15px|link=COMMONS:File:{{{image}}}]]}}</div>}} | {{#if:{{{caption|}}}|<div class="thumbcaption" style="clear:left">{{#ifeq:{{{icon|}}}|none||[[File:interactive icon.svg|left|18px|link=|The image above contains clickable links|alt=The image above contains clickable links]]}}{{{caption}}}{{#ifeq:{{{nolink|}}}|yes| [[Image:Desc-20.png|15px|link=COMMONS:File:{{{image}}}]]}}</div>}} | ||
| − | </div><!-- end thumbinner --> | + | {{#if:{{{frameless|}}}||</div>}}<!-- end thumbinner --> |
</div><!-- end thumb --> | </div><!-- end thumb --> | ||
</includeonly> | </includeonly> | ||