Template:Image: Difference between revisions

Revision as of 19:32, 13 March 2025

Image Usage Examples

Usage Examples
Parameter	Description	Code	Example
None	Only the file name is passed.	{{Image\|Pen.png}}
Caption	File name and caption are passed.	{{Image\|Pen.png\|This is a caption}}	This is a caption
`artist=`	Specifies the artist's name for the image.	{{Image\|Pen.png\|This is a caption\|artist=Declan Lion}}	by Declan Lion This is a caption
`side=left`	Pushes the image over to the left, allowing text to flow around it.	{{Image\|Pen.png\|This is a caption\|side=left}}	This is a caption
`side=right`	Pushes the image over to the right, allowing text to flow around it.	{{Image\|Pen.png\|This is a caption\|side=right}}	This is a caption
`height=200px`	Sets the height of the image. If set, the width will adjust automatically to maintain aspect ratio.	{{Image\|Pen.png\|This is a caption\|height=200px}}	This is a caption
`width=200px`	Sets the width of the image. If set, the height will adjust automatically to maintain aspect ratio.	{{Image\|Pen.png\|This is a caption\|width=200px}}	This is a caption
Note: The `height` parameter overrides the `width` parameter. To specify both width and height, pass `width=WxHpx` where `W` is the width and `H` is the height.
`link=URL` (Internal)	Makes the image clickable, linking it to a specific URL.	{{Image\|Pen.png\|Click here for more details\|link=Emma M. Lion}}	Click here for more details
`link=URL` (External)	Makes the image clickable, linking it to a specific URL.	{{Image\|Pen.png\|Click here for more details\|link=https://www.bethbrower.com}}	Click here for more details

Notes: The height parameter overrides the width parameter. To specify both width and height, pass width=WxHpx where W is the width and H is the height.

@@ Line 16: / Line 16: @@
 | ''Caption'' || File name and caption are passed. || <pre>{{Image|Pen.png|This is a caption}}</pre> || {{Image|Pen.png|This is a caption}}
 |-
-| <code>artist=</code> || Specifies the artist's name for the image. || <pre>{{Image|Pen.png|This is a caption|artist=John Doe}}</pre> || {{Image|Pen.png|This is a caption|artist=John Doe}}
+| <code>artist=</code> || Specifies the artist's name for the image. || <pre>{{Image|Pen.png|This is a caption|artist=Declan Lion}}</pre> || {{Image|Pen.png|This is a caption|artist=Declan Lion}}
 |-
 | <code>side=left</code> || Pushes the image over to the left, allowing text to flow around it. || <pre>{{Image|Pen.png|This is a caption|side=left}}</pre> || {{Image|Pen.png|This is a caption|side=left}}
@@ Line 26: / Line 26: @@
 | <code>width=200px</code> || Sets the width of the image. If set, the height will adjust automatically to maintain aspect ratio. || <pre>{{Image|Pen.png|This is a caption|width=200px}}</pre> || {{Image|Pen.png|This is a caption|width=200px}}
 |-
-| <code>link=URL</code> || Makes the image clickable, linking it to a specific URL. || <pre>{{Image|Pen.png|Click here for more details|link=http://example.com}}</pre> || {{Image|Pen.png|Click here for more details|link=http://example.com}}
+! colspan="4" style="text-align: center;" |  '''Note:''' The <code>height</code> parameter overrides the <code>width</code> parameter. To specify both width and height, pass <code>width=WxHpx</code> where <code>W</code> is the width and <code>H</code> is the height.
+|-
+| <code>link=URL</code> (Internal)|| Makes the image clickable, linking it to a specific URL. || <pre>{{Image|Pen.png|Click here for more details|link=Emma M. Lion}}</pre> || {{Image|Pen.png|Click here for more details|link=Emma M. Lion}}
+|-
+| <code>link=URL</code> (External) || Makes the image clickable, linking it to a specific URL. || <pre>{{Image|Pen.png|Click here for more details|link=https://www.bethbrower.com}}</pre> || {{Image|Pen.png|Click here for more details|link=https://www.bethbrower.com}}
 |}