Skabelon:Annotated image 4

Skabelondokumentation[vis] [redigér] [historik] [opfrisk]

Quack!

This is a barnstar from Wikipedia:MED that uses this template.

This template was made for annotating generic images (like the thumbnail to the right) and page-spanning diagrams (see #Examples) with a more normal appearance and more alignment options than Skabelon:Annotated image.

Parameters

Genvej

{{AI4}}

Standard set

{{Annotated image 4
| caption =
| header =
| alt =
| image =
| align =
| image-width =
| width =
| height =
| annot-font-size =
| annotations =
{{Annotation|<!--X-->|<!--Y-->|<!--Wikilink-->}}
{{Annotation|<!--X-->|<!--Y-->|<!--Wikilink-->}}
{{Annotation|<!--X-->|<!--Y-->|<!--Wikilink-->}}
}}

Extended set

{{Annotated image 4
| caption =
| header =
| header_align =
| header_background =
| alt =
| image =
| align =
| image-width =
| image-left =
| image-top =
| width =
| height =
| annot-font-size =
| annot-text-align =
| annotations =
{{Annotation|<!--X-->|<!--Y-->|<!--Wikilink-->}}
{{Annotation|<!--X-->|<!--Y-->|<!--Wikilink-->}}
{{Annotation|<!--X-->|<!--Y-->|<!--Wikilink-->}}
}}

Definitions

Bolded parameters are new, while italicized parameters are defined differently from Skabelon:Annotated image

Name	Allowed values	Default value	Function & notes
image	valid image file name	(required)	Raster graphics (jpg, png, etc.) and SVG images are allowed. There must be a file page for the image on Wikimedia Commons, or the image will lead to a file page that doesn't exist when it is clicked. In other words, local images (those located only on en.wiki or other language wikis) without a commons page shouldn't be used in this template.
image-width	positive integer	(required)	Desired width of the image (in pixels).
width	positive integer	(required)	Same as Skabelon:Annotated image definition. For simplicity, set this equal to image-width.
height	positive integer	(required)	Ensure that (Width x Height) maintains the same aspect-ratio as the default size of the image you want to use for proper display. E.g., a 500x600 default image should be scaled to 250x300 or similar for proper appearance.
annotations	{{Annotation}}	(required)	May be left empty if you only want to crop an image – for that, use "`\|annotation=\|`" (without quotes)
image-left	integer	(optional; defaults to 0)	X-coordinate of the image's top left corner (in pixels), relative to the top left corner of the box containing the image and annotations. Negative values crop the image. Unnecessary when cropping isn't desired
image-top	integer	(optional; defaults to 0)	Y-coordinate of the image's top left corner (in pixels), relative to the top left corner of the box containing the image and annotations. Negative values crop the image. Unnecessary when cropping isn't desired
image-bg-color	valid web colors (e.g., html color names & hex codes)	(optional, white)	Background of the box in which the image is displayed.
caption	wikitext	(optional)	Caption of the image with the typical appearance (different appearance from Skabelon:Annotated image)
alt	plain text	(optional)	Alt text of image, for readers who cannot see it; see Wikipedia:ALT for the MOS entry
header	wikitext	(optional)	Adds an image header like those in the examples on this page
header_align	right, left, or center	(optional, center)	Sets the header alignment to left, center, or right.
header_background	valid web colors (e.g., html color names & hex codes)	(optional, transparent)	Sets the header background color
align	right, left, or center	(optional, right)	Sets the template to align to the left or right, or at the center of the page.
annot-text-align	right, left, or center	(optional, center)	Sets a default text-alignment for all annotations.
annot-background-color	valid web colors (e.g., html color names & hex codes)	(optional, transparent)	Sets a default background-color for all annotations.
annot-font-size	positive integer	(optional)	Sets a default font-size (in pixels) for all annotations.
annot-color	valid web colors (e.g., html color names & hex codes)	(optional, black)	Sets a default color for all annotations.

Examples

Image-insertion templates that use Template:Annotated image 4

Example 1 (left-aligned)

Template code for this example

{{Annotated image 4
|caption = See also:{{tlx|P|22}}
|header = The result of
|header_align=right
|header_background=yellow
|image = 718smiley.svg
|align = left
|image-width = 300
|width = 300
|height = 300
|annot-font-size = 20
|annot-text-align = center
|annotations =
{{Annotation|110|30|'''[[boredom]]'''}}
{{Annotation|16|140|and '''''[[Template:Annotated image 4|this annotation template]]'''''}}
}}

The result of

boredom

and this annotation template

Example 2 (centered)

Se også: Template:Amphetamine pharmacokinetics.

Template code for this example

{{Annotated image 4
| caption = {{{caption|Default caption}}}
| header = {{{header|Metabolic pathways of amphetamine}}}
| alt = Graphic of several routes of amphetamine metabolism
| image = Amph pathway.svg
| image-width = 700
| image-left = -10
| image-top = 3
| align = center
| width = 690
| height = 375
| annot-font-size = 16
| annot-text-align = center
| annotations =

{{Annotation|10|350|[[P-hydroxyphenylacetone|4-Hydroxyphenylacetone]]}}
{{Annotation|220|350|[[Phenylacetone]]}}
{{Annotation|390|350|[[Benzoic acid]]}}
{{Annotation|560|350|[[Hippuric acid]]}}

{{Annotation|45|220|{{if pagename |Amphetamine=Amphetamine |other=[[Amphetamine]]}} }}
{{Annotation|300|220|[[Phenylpropanolamine|Norephedrine]]}}

{{Annotation|255|90|[[4-Hydroxyamphetamine]]}}
{{Annotation|490|90|[[p-Hydroxynorephedrine|4-Hydroxynorephedrine]]}}

{{annotation|145|115|Para-<br />Hydroxylation|font-size=10}}
{{annotation|385|115|Para-<br />Hydroxylation|font-size=10}}
{{annotation|165|270|Para-<br />Hydroxylation|font-size=10}}

{{annotation|190|160|Beta-<br />Hydroxylation|font-size=10}}
{{annotation|415|20|Beta-<br />Hydroxylation|font-size=10}}

{{annotation|210|220|Oxidative<br />Deamination|font-size=10}}

{{annotation|335|282|Oxidation|font-size=10}}
{{annotation|480|270|Glycine<br />Conjugation|font-size=10}}

}}

Metabolic pathways of amphetamine

4-Hydroxyphenylacetone

4-Hydroxynorephedrine

Para-
Hydroxylation

Beta-
Hydroxylation

Oxidative
Deamination

Oxidation

Glycine
Conjugation

Default caption

Template:Annotation parameters

Skabelon:Annotation requires three unnamed parameters in order to function correctly. For explanatory purposes, the parameter definitions that follow will refer to these unnamed parameters as displayed in the example template below.

Required parameters

{{Annotation|<!--PX FROM LEFT-->|<!--PX FROM TOP-->| <!--Wikitext--> }}

Full parameter set

{{Annotation|<!--PX FROM LEFT-->|<!--PX FROM TOP-->| <!--Wikitext--> 
 | text-align= | font-size= | background-color= | color= }}

Required parameter definitions

 (first unnamed parameter) - this field should be a replaced with a numerical value without spaces between the vertical bars.
This field specifies the horizontal distance (measured in pixels) from the left side of the image that the annotation text will be placed. Higher values will move an annotation further to the right.
 (second unnamed parameter) - this field should be a replaced with a numerical value without spaces between the vertical bars.
This field specifies the vertical distance (measured in pixels) from the top of the image that the annotation text will be placed. Higher values will move an annotation downward.
 (third unnamed parameter) - add your wikitext (e.g., plain text, wikilinks, references, other templates, etc.) in this field.

Skabelon:Annotation examples

A 200 by 300 pixel image

Example wikitext 1

Example
wikitext
2

Example
wikitext 3

Wikipedia:Annotated image

The following annotation templates are examples that will parse correctly for a 200x300px image. Using Skabelon:Annotated image 4 and a white 200x300px image, they will render as displayed in the thumbnail to the right of this text.

{{Annotation|55|10| [[Example wikitext 1]] | text-align=right | font-size=16 | background-color=#32CD32 | color=black}}
{{Annotation|20|100| Example<br />[[wikitext]]<br />2 | text-align=left | font-size=20 | background-color=#ffcccee | color=orange}}
{{Annotation|100|200| Example<br />wikitext 3 | text-align=center | font-size=14 | background-color=black | color=white}}
{{Annotation|30|250|[[WP:Annotated image]]}}

Dokumentationen ovenfor er transkluderet fra Skabelon:Annotated image 4/doc.
Brugere kan eksperimentere i denne skabelons undersider sandkasse og testcases .
Tilføj venligst kategorier til /dok-undersiden. Undersider til denne skabelon.