Description
This sticker is intended for use in captioning and positioning images in biographies instead of using inline CSS which is not recommended on Wikitree profiles.
Info
| Name: | Image |
| Type: | Formatting Template |
| Group: | System |
| Subgroup: | General |
| Status: | Approved |
| Usage: | Pages using the template |
| Parameters usage on profiles: | This Week Last Week |
| Map of Profiles: | WikiTree+ Maps |
| Edit: | Template Documentation |
Basic Usage
- The basic usage of this template requires only the |file= parameter. The image will default to a medium centered image:
- {{Image|file=Van Eikenhorst-36.jpg}}
Advanced Usage
- When more customization is needed, the template can be expanded to provide custom alignment, size, label, link and caption:
Parameter Explanation Default |file= image name (including extension); example: flags-1.png |align= l for left
c for center
r for rightdefault is center |size= s for small
m for medium
l for largedefault is medium |label= text that floats over image on mouse over default is file name |link= URL link if you click on the image default is image details page |caption= text that appears under the image default is blank
Examples
| Code used: | Displays as: | ||
|---|---|---|---|
| {{Image|file=brouwer-632.jpg}} |
| ||
| {{Image |file=brouwer-632.jpg |align=c |size=300 |caption='''Death certificate of Pieter Brouwer''' }} |
| ||
| Any text that follows the image template will wrap around the image until either the end of the image is reached. | |||
| {{Image |file=brouwer-632.jpg |align=r |size=300 |caption='''Death certificate of Pieter Brouwer''' }} Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a magna et lacus aliquet ultrices. Praesent aliquam dictum elit, in scelerisque sapien. Nunc aliquam leo at nisl tristique pharetra. Nam pharetra quam quis neque consequat accumsan. Duis sed quam ut nisl tincidunt auctor. Nulla sodales gravida nunc ac rutrum. Morbi odio metus, iaculis scelerisque erat ut, efficitur pulvinar erat. Maecenas vehicula eleifend mi, sit amet facilisis massa. Maecenas sit amet iaculis justo, id finibus erat. Suspendisse eu nunc eget nisi finibus efficitur. Quisque vehicula pharetra elit. Curabitur leo est, dignissim id risus ullamcorper, faucibus elementum arcu. Nulla condimentum ultricies nibh. Duis magna quam, aliquet a elit convallis, varius facilisis arcu. In laoreet lorem quis vulputate rutrum. Duis consequat dignissim massa a eleifend. |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a magna et lacus aliquet ultrices. Praesent aliquam dictum elit, in scelerisque sapien. Nunc aliquam leo at nisl tristique pharetra. Nam pharetra quam quis neque consequat accumsan. Duis sed quam ut nisl tincidunt auctor. Nulla sodales gravida nunc ac rutrum. Morbi odio metus, iaculis scelerisque erat ut, efficitur pulvinar erat. Maecenas vehicula eleifend mi, sit amet facilisis massa. Maecenas sit amet iaculis justo, id finibus erat. Suspendisse eu nunc eget nisi finibus efficitur. Quisque vehicula pharetra elit. Curabitur leo est, dignissim id risus ullamcorper, faucibus elementum arcu. Nulla condimentum ultricies nibh. Duis magna quam, aliquet a elit convallis, varius facilisis arcu. In laoreet lorem quis vulputate rutrum. Duis consequat dignissim massa a eleifend. | ||
| The Clear template ({{Clear}}) can be used to stop text wrapping and force any subsequent text below the image. | |||
| {{Image |file=brouwer-632.jpg |align=r |size=300 |caption='''Death certificate of Pieter Brouwer''' }} Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a magna et lacus aliquet ultrices. Praesent aliquam dictum elit, in scelerisque sapien. Nunc aliquam leo at nisl tristique pharetra. Nam pharetra quam quis neque consequat accumsan. {{Clear}} Duis sed quam ut nisl tincidunt auctor. Nulla sodales gravida nunc ac rutrum. Morbi odio metus, iaculis scelerisque erat ut, efficitur pulvinar erat. Maecenas vehicula eleifend mi, sit amet facilisis massa. Maecenas sit amet iaculis justo, id finibus erat. Suspendisse eu nunc eget nisi finibus efficitur.Quisque vehicula pharetra elit. Curabitur leo est, dignissim id risus ullamcorper, faucibus elementum arcu. Nulla condimentum ultricies nibh. Duis magna quam, aliquet a elit convallis, varius facilisis arcu. In laoreet lorem quis vulputate rutrum. Duis consequat dignissim massa a eleifend. |
Duis sed quam ut nisl tincidunt auctor. Nulla sodales gravida nunc ac rutrum. Morbi odio metus, iaculis scelerisque erat ut, efficitur pulvinar erat. Maecenas vehicula eleifend mi, sit amet facilisis massa. Maecenas sit amet iaculis justo, id finibus erat. Suspendisse eu nunc eget nisi finibus efficitur. Quisque vehicula pharetra elit. Curabitur leo est, dignissim id risus ullamcorper, faucibus elementum arcu. Nulla condimentum ultricies nibh. Duis magna quam, aliquet a elit convallis, varius facilisis arcu. In laoreet lorem quis vulputate rutrum. Duis consequat dignissim massa a eleifend. | ||
Parameters
| Parameter | Usage | Type | Description | Example | Values |
|---|---|---|---|---|---|
| file | Required | Image | image name (including extension) | brouwer-632.jpg | |
| align | Optional | text | alignment of the image (l for left; c for center; r for right) | r | l,c,r |
| size | Optional | text | size of the image (s for small; m for medium; l for large). Optionally, you can define the size in pixels using a number (200 for a max width of 200 px) | m | s,m,l |
| label | Optional | text | specifies the text that appears on image hover and serves as alt text for screen readers | Death certificate | |
| link | Optional | text | URL link if you click on the image | /wiki/Space:PageName | |
| caption | Optional | text | text that appears under the image | Death certificate of Pieter Brouwer |