Difference between revisions of "Template:Image"

From Wikimedia District of Columbia
Jump to navigation Jump to search
(banner-image-left)
(Option for "float:none")
Line 1: Line 1:
<div class="banner-image{{#ifeq: {{{align|}}}|left| banner-image-left|}}" style="max-width:{{{width|400px}}};{{#ifeq: {{{padding|}}}|no|| padding-left:1.5em;}}">
+
<div class="banner-image{{#ifeq: {{{align|}}}|left| banner-image-left|}}{{#ifeq: {{{align|}}}|none| banner-image-none|}}" style="max-width:{{{width|400px}}};{{#ifeq: {{{padding|}}}|no|| padding-left:1.5em;}}">
 
[[File:{{{file|Hatena cinnamon2.jpg}}}|{{{width|400px}}}|alt={{{caption|}}}]]{{#if: {{{caption|}}}|
 
[[File:{{{file|Hatena cinnamon2.jpg}}}|{{{width|400px}}}|alt={{{caption|}}}]]{{#if: {{{caption|}}}|
 
<p style="font-size: 90%;">
 
<p style="font-size: 90%;">
Line 16: Line 16:
 
* '''<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%.
* '''<tt>align=</tt>''' Sets alignment of image and caption block. Default value is right.
+
* '''<tt>align=</tt>''' Sets alignment of image and caption block. Options are "left" to align left and "none" to have no float. Default value is right.
 
* '''<tt>caption=</tt>''' Places a caption beneath the image, and also serves as the alt text. Optional.
 
* '''<tt>caption=</tt>''' Places a caption beneath the image, and also serves as the alt text. Optional.
 
* '''<tt>padding=</tt>''' 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".
 
* '''<tt>padding=</tt>''' 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".

Revision as of 18:42, 3 July 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. Options are "left" to align left and "none" to have no float. 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".