Template:Image: Difference between revisions

From The Reed and Rite
mNo edit summary
mNo edit summary
Line 52: Line 52:
| colspan="4" style="text-align: center;" |  '''Alignment Parameters'''
| colspan="4" style="text-align: center;" |  '''Alignment Parameters'''
|- style="background-color: white;"
|- style="background-color: white;"
| style="text-align: center;" |  <code>align=left</code> || Pushes the image over to the left, allowing text to flow around it. || <pre>{{Image
| style="text-align: center;" |  <code>align=left</code> || Pushes the image over to the left, allowing text to flow around it. || <pre style="width: 40%;>{{Image
|Pen.png
|Pen.png
|This is a caption
|This is a caption.
|align=left
|align=left
}}</pre> || {{Image|Pen.png|This is a caption|align=left}}
}}</pre> || {{Image|Pen.png|This is a caption.|align=left}}
|- style="background-color: white;"
|- style="background-color: white;"
| style="text-align: center;" |  <code>align=right</code> || Pushes the image over to the right, allowing text to flow around it. || <pre>{{Image
| style="text-align: center;" |  <code>align=right</code> || Pushes the image over to the right, allowing text to flow around it. || <pre style="width: 40%;>{{Image
|Pen.png
|Pen.png
|This is a caption
|This is a caption.
|align=right
|align=right
}}</pre> || {{Image|Pen.png|This is a caption|align=right}}
}}</pre> || {{Image|Pen.png|This is a caption.|align=right}}
|-
|-
| colspan="4" style="text-align: center;" |  '''Resizing Parameters'''
| colspan="4" style="text-align: center;" |  '''Resizing Parameters'''
|- style="background-color: white;"
|- style="background-color: white;"
| style="text-align: center;" |  <code>height=</code> || Sets the height of the image. If set, the width will adjust automatically to maintain aspect ratio. || <pre>{{Image
| style="text-align: center;" |  <code>height=</code> || Sets the height of the image. If set, the width will adjust automatically to maintain aspect ratio. || <pre style="width: 40%;>{{Image
|Pen.png
|Pen.png
|This is a caption
|This is a caption.
|height=150px
|height=150px
}}</pre> || {{Image|Pen.png|This is a caption|height=150px}}
}}</pre> || {{Image|Pen.png|This is a caption.|height=150px}}
|- style="background-color: white;"
|- style="background-color: white;"
| style="text-align: center;" |  <code>width=</code> || Sets the width of the image. If set, the height will adjust automatically to maintain aspect ratio. || <pre>{{Image
| style="text-align: center;" |  <code>width=</code> || Sets the width of the image. If set, the height will adjust automatically to maintain aspect ratio. || <pr style="width: 40%;e>{{Image
|Pen.png
|Pen.png
|This is a caption
|This is a caption.
|width=200px
|width=200px
}}</pre> || {{Image|Pen.png|This is a caption|width=200px}}
}}</pre> || {{Image|Pen.png|This is a caption.|width=200px}}
|-
|-
| colspan="4" style="text-align: center;" |  '''Link Parameters'''
| colspan="4" style="text-align: center;" |  '''Link Parameters'''

Revision as of 20:03, 18 April 2025

Description

This template is used to include a thumbnail image on a page.

Usage

The filename parameter is required. The caption is optional, but is strongly encouraged. See the table below for all other optional parameters.

{{image
|FILENAME.EXTENSION
|caption
|artist=Artist Name
}}
Note: The copy-paste example above is split over multiple lines for the sake of clarity.


Parameter Description Code Output
Common Parameters
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.
Alignment Parameters
align=left Pushes the image over to the left, allowing text to flow around it.
{{Image
|Pen.png
|This is a caption.
|align=left
}}
This is a caption.
align=right Pushes the image over to the right, allowing text to flow around it.
{{Image
|Pen.png
|This is a caption.
|align=right
}}
This is a caption.
Resizing Parameters
height= 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=150px
}}
This is a caption.
width= Sets the width of the image. If set, the height will adjust automatically to maintain aspect ratio. <pr style="width: 40%;e>[[file:Pen.png center|200px|
This is a caption. ]]
This is a caption.
Link Parameters
link=
(Internal)
Makes the image clickable, linking it to a specific internal URL.
{{Image
|Pen.png
|Click here for more details on Emma M. Lion.
|link=Emma M. Lion
}}
Click here for more details on Emma M. Lion.
link=
(External)
Makes the image clickable, linking it to a specific external URL.
{{Image
|Pen.png
|Click here for more details on Beth Brower.
|link=https://www.bethbrower.com
}}
Click here for more details on Beth Brower

Articles using Template