Pass the path/guid of an image in the file library to the <wt:image> tag to display the image
<wt:image source="#imageID"/>
This will display the image with a <img> tag.
The "alt" and "title" for the <img> tag will be set from values in the file library. They can be set explicitly by setting the alt and title attributes in the <wt:image> tag:
<wt:image source="#imageID" title="The Title for the image"/>
If you set width and height attributes, the image will be scaled to fit within the width and height. The aspect ratio of the image will be maintained
<wt:image width="100" height="100" source="#imageID"/>
To fit the image exactly into the width and height, set the mode attribute to either "crop" or "pad"
<wt:image width="100" height="100" mode="crop" source="#imageID"/>
To assign a css class to the <img> tag, pass in a "class" attribute to the <wt:image> tag:
<wt:image source="#imageID" class="imageClass"/>
Accessing Properties of an Image
To access the properties of an image without displaying the <img> tag, a template can be placed between opening and closing <wt:image> tags:
<wt:image source="#imageID"> [wt:URI] [wt:Title] [wt:Alt] [wt:Width] - this is the original width of the image [wt:Height] - this is the orifinal height of the image [wt:Image Width] - this is the width of the image produced by the <wt:image> tag [wt:Image Height] - this is the height of the image produced by the <wt:image> tag [wt:File Name] [wt:Extension] [wt:__guid] </wt:image>