Sidekick Tribe is a songwriting/production team based in Baton Rouge, LA. The group formed in 2002 and has produced/written r&b/pop/hip hop tracks for many artists. While the group does not believe in posting samples of their work on the internet, they continue to create new and innovative music that transcends genres and styles. In 2006 they had 12 songs placed on major albums. By 2009 they will have a total of 48 songs on major/indie albums worldwide. Sidekick Tribe is represented by French music industry vet Phillipe Coupe whom they met at Midem in 2004. Most recently the Tribe has joined musical forces with songwriter/producer RIO and is concentrating on the new wave of pop music hybrids.
Only '''<nowiki>[[Image:{name}]]</nowiki>''' is required. Most images should use
'''<nowiki>[[Image:{name}|thumb|Example image caption]]</nowiki>''' (and should not specify a size). The other details are optional and can be placed in any order.
; Type : 'thumb' / 'thumbnail' or 'frame'. Causes image to be displayed with specific formatting (see below).
; Location : 'right', 'left', 'center' or 'none'. Determines placement of the image on the page. Defaults to 'right'.
; Size : {width}px or {width}x{height}px, scales the image to be no greater than the given width and height, keeping its aspect ratio.
; Upright : for use only on images that are taller than they are wide. This scales the image differently, considering both width and height instead of only width.
; Border : adds a border around the image
; Caption : Any element which cannot be identified as one of the above is assumed to be caption text.
Note that it doesn't matter whether the file is from [[Wikimedia Commons]] or on Wikipedia – the same syntax is used.
==Syntax to use an image in uploaded size, with a caption==
To use an image as uploaded with a caption use <code><nowiki>[[Image:Westminstpalace.jpg|frame|none|caption text]]</nowiki></code>. This is the syntax you should use to update images that used the original image markup of the form <code><nowiki>[[Image:Westminsterpalace.jpg|caption]]</nowiki></code>
==Syntax for images with no automatic caption or formatting==
The old syntax for images without captions is <tt><nowiki>[[Image:Westminstpalace.jpg|alt text]]</nowiki></tt>. This is rendered inline, and the specified text is used as the image's ''alt'' attribute (alternate text for programs which cannot display images, such as [[screen reader]]s) and as the ''title'' attribute (supplementary text, often displayed as a tool tip when the mouse is over the image).
See [[Wikipedia:Image markup with HTML]] for an old, deprecated, way of putting a caption under the image using HTML code. Please use the new way of associating captions with images, as described on this page.
See [[Wikipedia:Captions]] for discussion of appropriate caption text. See [[Wikipedia:Alternative text for images]] for discussion of appropriate alt text. Unfortunately, it is not possible to specify different text for these two purposes.
===Example===
[[Image:Westminstpalace.jpg|alt text]]
==New syntax for images==
[[Image:Westminstpalace.jpg|thumb|100px|left|The Palace of Westminster]]The new syntax is backward compatible, so articles don't have to be changed.
In the syntax <tt><nowiki>[[</nowiki>Image:''filename''|''options''<nowiki>]]</nowiki></tt> (e.g. <tt><nowiki>[[Image:Westminstpalace.jpg|thumb|100px|left|The Palace of Westminster]]</nowiki></tt> shown in the left), several options can be set when including an image. Those affect the placing of the image, its size or the way the image will be presented. The options are <tt>right</tt>, <tt>left</tt>, <tt>center</tt>, <tt>none</tt>, <tt>''size''px</tt>, <tt>thumbnail</tt> (<tt>thumb</tt>), <tt>frame</tt>, and <tt>''alternate (caption) text''</tt>.{{clr}}
[[Image:Westminstpalace.jpg|thumb|The Palace of Westminster|200px|right|From the Thames]]
* The options can be combined, and vertical bars ("|") are used to separate options from each other.
* Do not put spaces around the vertical bars for readability – options will not be interpreted correctly.
* The options can be put in any order.
* An unknown option is taken as the caption text, but this will appear only if <tt>thumbnail</tt> or <tt>frame</tt> are specified.
* If there are two or more unknown options, the last one upstages the rest: <tt><nowiki>[[Image:Westminstpalace.jpg|thumb|The Palace of Westminster|200px|right|From the Thames]]</nowiki></tt> (shown on the right).{{clr}}
Here is the description of the options other than the caption text:
; <tt>right</tt> : [[Image:Westminstpalace.jpg|right|70px|]]The image is right-aligned, and text floats to the left of the image: <tt><nowiki>[[Image:Westminstpalace.jpg|right|70px|]]</nowiki></tt> (shown on the right).{{clr}}
; <tt>left</tt> : [[Image:Westminstpalace.jpg|left|70px|]]The image is left aligned, and text floats to the right of the image: <tt><nowiki>[[Image:Westminstpalace.jpg|left|70px|]]</nowiki></tt> (shown on the left).{{clr}}
; <tt>center</tt> : The image is centered, and...[[Image:Westminstpalace.jpg|center|70px|]]the text following the image starts below it: <tt><nowiki>[[Image:Westminstpalace.jpg|center|70px|]]</nowiki></tt> (shown above).{{clr}}
; <tt>none</tt> : The image is put at the left, and...[[Image:Westminstpalace.jpg|none|70px|]]the text following does not float to the right (or to the left, obviously), and starts below it: <tt><nowiki>[[Image:Westminstpalace.jpg|none|70px|]]</nowiki></tt> (shown above).{{clr}}
:: '''Notes:'''{{clr}}
::[[Image:Westminstpalace.jpg|center|left|none|right|70px|]]The above four options are incompatible. When used combined, the first one overrides the rest: <tt><nowiki>[[Image:Westminstpalace.jpg|center|left|none|right|70px|]]</nowiki></tt> (shown in the center).{{clr}}
::[[Image:Westminstpalace.jpg|70px|right]]What is between the last vertical bar and the closing brackets ("]]"), void or not, is taken as the last option, and works as usual. For instance, when the last option is <tt>right</tt>, the image is right-aligned, and text floats to the left: <tt><nowiki>[[Image:Westminstpalace.jpg|70px|right]]</nowiki></tt> (shown on the right).{{clr}}
::[[Image:Westminstpalace.jpg|thumb|This text is not displayed.|70px|left|]][[Image:Westminstpalace.jpg|thumb|This text is displayed.|70px|right]]In particular, if the last option is the void text (that is, if there is nothing between the last vertical bar and the closing brackets), the caption is not displayed: <tt><nowiki>[[Image:Westminstpalace.jpg|thumb|This text is not displayed.|70px|left|]]</nowiki></tt> (shown on the left) and <tt><nowiki>[[Image:Westminstpalace.jpg|thumb|This text is displayed.|70px|right]]</nowiki></tt> (shown on the right).{{clr}}
; <tt>''size''px</tt> : [[Image:Westminstpalace.jpg|right|50px|]]This option renders a version of the image that's ''[size]'' pixels wide (e.g. <tt><nowiki>[[Image:Westminstpalace.jpg|right|50px|]]</nowiki></tt> shown on the right). Height is computed to keep [[En:aspect ratio (image)|aspect ratio]] (i.e. the shape of the image){{clr}}
:: '''Notes:'''{{clr}}
::Specifying a size does not just change the apparent image size using HTML; it actually generates a resized version of the image on the fly and links to it appropriately. This happens whether or not you use '''size''' in conjunction with '''thumb'''.''
::This means the server does all the work of changing the image size, not the web browser of the user. By having the server do all the work means faster downloading of pages. It also means that larger images can be stored on the server without any slowdown by the browser (especially on dial up telephone lines.) Only the data for the actual size on the page is transmitted.
::From [[m:MediaWiki 1.5|MediaWiki 1.5]] the default thumbnail width can be set in the preferences, so it is recommended ''not'' to specify "px", in order to respect the users' preferences (unless, for a special reason, a specific size is required regardless of preferences, or a size is specified outside the range of widths 120–300px that can be set in the preferences).
:: If you specify a "frame" option the image will not be scaled, and no size specifiers will be in the HTML. The image will be rendered at full size{{clr}}
:: [[Image:Westminstpalace.jpg|right|50px|80px]]When there are two or more "size" options, only the last one is valid: <tt><nowiki>[[Image:Westminstpalace.jpg|right|50px|80px]]</nowiki></tt> (shown on the right).{{clr}}
; <tt>thumbnail</tt>, <tt>thumb</tt> : [[Image:Westminstpalace.jpg|thumbnail|left|100px|]][[Image:Westminstpalace.jpg|thumb|The Palace of Westminster]]The <tt>thumbnail</tt> (<tt>thumb</tt>) option generates a [[En:thumbnail|thumbnail]] image. It is automatically resized when the "size" attribute is not specified. Without the options <tt>left</tt>, <tt>center</tt>, and <tt>none</tt>, the image is normally on the right. If the image has a caption text, it is displayed in the lower margin. E.g. <tt><nowiki>[[Image:Westminstpalace.jpg|thumbnail|left|100px|]]</nowiki></tt> (shown on the left) and <tt><nowiki>[[Image:Westminstpalace.jpg|thumb|The Palace of Westminster]]</nowiki></tt> (shown on the right). ''Note: thumbnail (thumb) cannot be used in lists.''
{{clr}}
<!-- The following paragraph is supposed to show how one can display a 10 by 10 pixel image as 100 by 100, and that clicking on "enlarge" actually shows it smaller (in the original size). But it doesn't seem to work--the image is displayed 10 by 10. -->
[[Image:tst.png|right|thumb|100px|This is a globe, and take a look at it in [[Media:tst.png|the actual size]].]]An "enlarge"-icon is put also in the lower margin of the thumbnail. Both the image itself and the icon link to the image description page with the image in its actual size. The icon shows the link title "Enlarge" in its hoverbox, even in cases where this term does not apply, because it leads from the enlarged image to the one with the actual size. E.g. <tt><nowiki>[[Image:tst.png|right|thumb|100px|This is a globe, and take a look at it in [[Media:tst.png|the actual size]].]]</nowiki></tt> (shown on the right).{{clr}}
; <tt>frame</tt> : [[Image:Westminstpalace.jpg|frame|thumbnail|50px|The Palace of Westminster]]With this option, the embedded image is shown with its actual size enclosed by a frame, regardless of the "thumb" or "size" attribute, and the caption, if any, is visible in the frame. Without the options <tt>left</tt>, <tt>center</tt>, and <tt>none</tt>, the image is normally on the right: <tt><nowiki>[[Image:Westminstpalace.jpg|frame|thumbnail|50px|The Palace of Westminster]]</nowiki></tt>.{{clr}}
With none of the options other than <tt>''size''px</tt> and <tt>''alternate (caption) text''</tt>, an embedded image is rendered inline.
<pre>
text text text text text text
<nowiki>[[Image:Westminstpalace.jpg|150px|The Palace of Westminster]]</nowiki>
text text text text text
<nowiki>[[Image:tst.png|100px|This is a globe.]]</nowiki>
text text text text
</pre>
gives
text text text text text text
[[Image:Westminstpalace.jpg|150px|The Palace of Westminster]]
text text text text text
[[Image:tst.png|100px|This is a globe.]]
text text text text
The option <tt>none</tt> can be used to have thumbnails without left- or right-alignment. This is probably most useful for [[Wikipedia:How to use tables|tables]]. This is an example:
{| class="wikitable"
!colspan=3| How to use <tt>none</tt>
|----
!colspan=3| London's palaces
|----
| Palace of Westminster || [[Image:Westminstpalace.jpg|thumb|none|100px|From the Thames]] || <tt><nowiki>[[Image:Westminstpalace.jpg|thumb|none|100px|From the Thames]]</nowiki></tt>
==Thumbnail with caption text underneath that has one or more links==
From MediaWiki 1.3, it is also possible to include links in the caption text, e.g.:
<nowiki>[[Image:Westminstpalace.jpg|right|thumbnail|This is the [[Palace of Westminster]] in London]]</nowiki>
[[Image:Westminstpalace.jpg|right|thumbnail|This is the [[Palace of Westminster]] in London]]
<br style="clear:both;"/>
Just make sure the number of opening and closing square brackets are right. One extra or missing would mean the entire image syntax line would not work.
==Additional caption formatting options==
Additional caption formatting options are possible.
<nowiki>[[Image:Westminstpalace.jpg|right|thumbnail|<div align="center">This is <span style="color: green">the </span><br /> [[Palace of Westminster]]<br /> '''in <span style="color: red">London</span>'''</div>]]
</nowiki>
[[Image:Westminstpalace.jpg|right|thumbnail|<div align="center">This is <span style="color: green">the </span><br /> [[Palace of Westminster]]<br /> '''in <span style="color: red">London</span>'''</div>]]
<br clear="right" />
All of the normal text formatting options work.
== Compatibility considerations ==
The floating options ''left'', ''center'', and ''right'' explained above are supported by modern browsers, but have unfortunately no effect with legacy browsers. If necessary it's simple to get a floating effect also for old browsers:
{| align="right"
| [[Image:Westminstpalace.jpg|160px|Example]]
|}
<pre>
{| align="right"
| [[Image:Westminstpalace.jpg|160px|Example]]
|}</pre>
This code is not intended for general use, however. There are few, if any, instances where support for such legacy browsers is necessary.
==Cancelling floating-around-image mode==<!-- This section is linked from [[George Fox]] -->
After having had an image floating next to text, putting further text below it and again using the full width can be done with the following markup. This blocks an image from appearing next to the material following this markup, possibly due to [[aesthetic]] reasons or a change in topics.
For legacy <tt>align="right"</tt> (etc.) floating this
isn't good enough; legacy browsers would ignore inline
CSS. To cancel floating under all conditions the
following markup (valid XHTML 1.0 transitional) works:
: '''<nowiki><br clear="all" /></nowiki>'''
The same code can be issued by using template
'''<nowiki>{{Clr}}</nowiki>''' or '''<nowiki>{{-}}</nowiki>'''
in certain namespaces (En, meta).
==Linking to the image description page==
If you want to make a link to the description page for an image, use a leading colon before "image:" in an intra-wiki link, like this: <nowiki>[[:image:STS-32 crew.jpg|STS-32 crew]]</nowiki> which yields: [[:image:STS-32 crew.jpg|STS-32 crew]]
*[[Wikipedia:Images]] for an overview of images in Wikipedia
*[[Wikimedia Commons]] ([[:commons:Main Page|Commons Main Page]]), a free [[multimedia]] [[repository]], that you can use directly in Wikipedia and the other [[Wikimedia project]]s. You can [[upload]] new images or use the stored ones.
*[[Wikipedia:Gallery tag]] for new syntax to display multiple images
*[[Wikipedia:Image use policy]]
*[[Wikipedia:Image markup with HTML]] (this page is deprecated)
Only [[Image:{name}]] is required. Most images should use
[[Image:{name}|thumb|Example image caption]] (and should not specify a size). The other details are optional and can be placed in any order.
Type
'thumb' / 'thumbnail' or 'frame'. Causes image to be displayed with specific formatting (see below).
Location
'right', 'left', 'center' or 'none'. Determines placement of the image on the page. Defaults to 'right'.
Size
{width}px or {width}x{height}px, scales the image to be no greater than the given width and height, keeping its aspect ratio.
Upright
for use only on images that are taller than they are wide. This scales the image differently, considering both width and height instead of only width.
Border
adds a border around the image
Caption
Any element which cannot be identified as one of the above is assumed to be caption text.
Note that it doesn't matter whether the file is from Wikimedia Commons or on Wikipedia – the same syntax is used.
Syntax to use an image in uploaded size, with a caption
To use an image as uploaded with a caption use [[Image:Westminstpalace.jpg|frame|none|caption text]]. This is the syntax you should use to update images that used the original image markup of the form [[Image:Westminsterpalace.jpg|caption]]
caption text
Syntax for images with no automatic caption or formatting
The old syntax for images without captions is [[Image:Westminstpalace.jpg|alt text]]. This is rendered inline, and the specified text is used as the image's alt attribute (alternate text for programs which cannot display images, such as screen readers) and as the title attribute (supplementary text, often displayed as a tool tip when the mouse is over the image).
See Wikipedia:Image markup with HTML for an old, deprecated, way of putting a caption under the image using HTML code. Please use the new way of associating captions with images, as described on this page.
See Wikipedia:Captions for discussion of appropriate caption text. See Wikipedia:Alternative text for images for discussion of appropriate alt text. Unfortunately, it is not possible to specify different text for these two purposes.
Example
New syntax for images
The Palace of Westminster
The new syntax is backward compatible, so articles don't have to be changed.
In the syntax [[Image:filename|options]] (e.g. [[Image:Westminstpalace.jpg|thumb|100px|left|The Palace of Westminster]] shown in the left), several options can be set when including an image. Those affect the placing of the image, its size or the way the image will be presented. The options are right, left, center, none, sizepx, thumbnail (thumb), frame, and alternate (caption) text.
From the Thames
The options can be combined, and vertical bars ("|") are used to separate options from each other.
Do not put spaces around the vertical bars for readability – options will not be interpreted correctly.
The options can be put in any order.
An unknown option is taken as the caption text, but this will appear only if thumbnail or frame are specified.
If there are two or more unknown options, the last one upstages the rest: [[Image:Westminstpalace.jpg|thumb|The Palace of Westminster|200px|right|From the Thames]] (shown on the right).
Here is the description of the options other than the caption text:
right
The image is right-aligned, and text floats to the left of the image: [[Image:Westminstpalace.jpg|right|70px|]] (shown on the right).
left
The image is left aligned, and text floats to the right of the image: [[Image:Westminstpalace.jpg|left|70px|]] (shown on the left).
center
The image is centered, and...the text following the image starts below it: [[Image:Westminstpalace.jpg|center|70px|]] (shown above).
none
The image is put at the left, and...the text following does not float to the right (or to the left, obviously), and starts below it: [[Image:Westminstpalace.jpg|none|70px|]] (shown above).
Notes:
The above four options are incompatible. When used combined, the first one overrides the rest: [[Image:Westminstpalace.jpg|center|left|none|right|70px|]] (shown in the center).
What is between the last vertical bar and the closing brackets ("]]"), void or not, is taken as the last option, and works as usual. For instance, when the last option is right, the image is right-aligned, and text floats to the left: [[Image:Westminstpalace.jpg|70px|right]] (shown on the right).
This text is displayed.In particular, if the last option is the void text (that is, if there is nothing between the last vertical bar and the closing brackets), the caption is not displayed: [[Image:Westminstpalace.jpg|thumb|This text is not displayed.|70px|left|]] (shown on the left) and [[Image:Westminstpalace.jpg|thumb|This text is displayed.|70px|right]] (shown on the right).
sizepx
This option renders a version of the image that's [size] pixels wide (e.g. [[Image:Westminstpalace.jpg|right|50px|]] shown on the right). Height is computed to keep aspect ratio (i.e. the shape of the image)
Notes:
Specifying a size does not just change the apparent image size using HTML; it actually generates a resized version of the image on the fly and links to it appropriately. This happens whether or not you use size in conjunction with thumb.
This means the server does all the work of changing the image size, not the web browser of the user. By having the server do all the work means faster downloading of pages. It also means that larger images can be stored on the server without any slowdown by the browser (especially on dial up telephone lines.) Only the data for the actual size on the page is transmitted.
From MediaWiki 1.5 the default thumbnail width can be set in the preferences, so it is recommended not to specify "px", in order to respect the users' preferences (unless, for a special reason, a specific size is required regardless of preferences, or a size is specified outside the range of widths 120–300px that can be set in the preferences).
If you specify a "frame" option the image will not be scaled, and no size specifiers will be in the HTML. The image will be rendered at full size
When there are two or more "size" options, only the last one is valid: [[Image:Westminstpalace.jpg|right|50px|80px]] (shown on the right).
thumbnail, thumb
The Palace of WestminsterThe thumbnail (thumb) option generates a thumbnail image. It is automatically resized when the "size" attribute is not specified. Without the options left, center, and none, the image is normally on the right. If the image has a caption text, it is displayed in the lower margin. E.g. [[Image:Westminstpalace.jpg|thumbnail|left|100px|]] (shown on the left) and [[Image:Westminstpalace.jpg|thumb|The Palace of Westminster]] (shown on the right). Note: thumbnail (thumb) cannot be used in lists.
An "enlarge"-icon is put also in the lower margin of the thumbnail. Both the image itself and the icon link to the image description page with the image in its actual size. The icon shows the link title "Enlarge" in its hoverbox, even in cases where this term does not apply, because it leads from the enlarged image to the one with the actual size. E.g. [[Image:tst.png|right|thumb|100px|This is a globe, and take a look at it in [[Media:tst.png|the actual size]].]] (shown on the right).
frame
The Palace of WestminsterWith this option, the embedded image is shown with its actual size enclosed by a frame, regardless of the "thumb" or "size" attribute, and the caption, if any, is visible in the frame. Without the options left, center, and none, the image is normally on the right: [[Image:Westminstpalace.jpg|frame|thumbnail|50px|The Palace of Westminster]].
With none of the options other than sizepx and alternate (caption) text, an embedded image is rendered inline.
text text text text text text
[[Image:Westminstpalace.jpg|150px|The Palace of Westminster]]
text text text text text
[[Image:tst.png|100px|This is a globe.]]
text text text text
gives
text text text text text text
text text text text text
text text text text
The option none can be used to have thumbnails without left- or right-alignment. This is probably most useful for tables. This is an example:
How to use none
London's palaces
Palace of Westminster
From the Thames
[[Image:Westminstpalace.jpg|thumb|none|100px|From the Thames]]
Just make sure the number of opening and closing square brackets are right. One extra or missing would mean the entire image syntax line would not work.
Additional caption formatting options
Additional caption formatting options are possible.
[[Image:Westminstpalace.jpg|right|thumbnail|<div align="center">This is <span style="color: green">the </span><br /> [[Palace of Westminster]]<br /> '''in <span style="color: red">London</span>'''</div>]]
The floating options left, center, and right explained above are supported by modern browsers, but have unfortunately no effect with legacy browsers. If necessary it's simple to get a floating effect also for old browsers:
This code is not intended for general use, however. There are few, if any, instances where support for such legacy browsers is necessary.
Cancelling floating-around-image mode
After having had an image floating next to text, putting further text below it and again using the full width can be done with the following markup. This blocks an image from appearing next to the material following this markup, possibly due to aesthetic reasons or a change in topics.
<br style="clear:both" />
For legacy align="right" (etc.) floating this
isn't good enough; legacy browsers would ignore inline
CSS. To cancel floating under all conditions the
following markup (valid XHTML 1.0 transitional) works:
<br clear="all" />
The same code can be issued by using template
{{Clr}} or {{-}}
in certain namespaces (En, meta).
Linking to the image description page
If you want to make a link to the description page for an image, use a leading colon before "image:" in an intra-wiki link, like this: [[:image:STS-32 crew.jpg|STS-32 crew]] which yields: STS-32 crew
<gallery Caption="example">
Image:Example.png
Image:Example.png|New syntax allows for
Image:Example.png|easy production of
Image:Example.png|image galleries.
Image:Example.png
Image:Example.png
</gallery>