Difference between revisions of "Template:Image"
Jump to navigation
Jump to search
James Hare (talk | contribs) m (Fix) |
James Hare (talk | contribs) (Changing width to be the lesser of pre-defined width (defaults to 400px) or 100%, so that pictures take up the full width on mobile. Also, new sample picture (a dog instead of an ugly SVG)) |
||
| Line 1: | Line 1: | ||
| − | <div class="banner-image" style="width:{{{ |
+ | <div class="banner-image" style="width:{{{width|400px}}}; max-width:100%; float:{{{align|right}}}; {{#ifeq: {{{padding|}}}|no||padding-left:1.5em;}}"> |
| − | [[File:{{{file| |
+ | [[File:{{{file|Hatena cinnamon2.jpg}}}|{{{width|400px}}}|{{{align|right}}}|alt={{{caption|}}}]]{{#if: {{{caption|}}}| |
<div style="font-size: 90%;"> |
<div style="font-size: 90%;"> |
||
{{{caption}}} |
{{{caption}}} |
||
| Line 13: | Line 13: | ||
Syntax: |
Syntax: |
||
| − | * '''<tt>file=</tt>''' Sets which file to use. Default value is |
+ | * '''<tt>file=</tt>''' Sets which file to use. Default value is [[:File:Hatena cinnamon2.jpg|Hatena cinnamon2.jpg]]. |
* '''<tt>width=</tt>''' The maximum width of the image. Note that the image gets smaller so that it is never more than a certain percentage of the browser window. Defaults to 400px. |
* '''<tt>width=</tt>''' The maximum width of the image. Note that the image gets smaller so that it is never more than a certain percentage of the browser window. Defaults to 400px. |
||
* '''<tt>percentage=</tt>''' The percent width of the browser window the image takes up. The width proportionality is maintained until the image is at the maximum size; it does not get better. Defaults to 50%. |
* '''<tt>percentage=</tt>''' The percent width of the browser window the image takes up. The width proportionality is maintained until the image is at the maximum size; it does not get better. Defaults to 50%. |
||
Revision as of 06:32, 10 June 2013
Template documentation
This template is used to provide images with captions as an alternative to the ugly image captions that come with MediaWiki.
Syntax:
- file= Sets which file to use. Default value is Hatena cinnamon2.jpg.
- width= The maximum width of the image. Note that the image gets smaller so that it is never more than a certain percentage of the browser window. Defaults to 400px.
- percentage= The percent width of the browser window the image takes up. The width proportionality is maintained until the image is at the maximum size; it does not get better. Defaults to 50%.
- align= Sets alignment of image and caption block. Default value is right.
- caption= Places a caption beneath the image, and also serves as the alt text. Optional.
- padding= Gives the option to turn off padding, in case the image is part of a floating div already. Default is to include padding; turn off by setting parameter to "no".