How do I use my own images for text fields with HTML support?

In order to use your own images in text fields you need to use the tag <img>.
The <img> tag allows you to place image files (JPEG, GIF, PNG), SWF files and video fragments.  In multi-line fields text will automatically flow around the image.
The <img> tag supports the following attributes:

src     - specifies the path to the image of SWF file or the identifier of the video fragment symbol in the library. It's a required attribute, none others are required. External files (JPEG, GIF, PNG and SWF) are displayed only after being fully loaded.
width   - width of the image, SWF file or video fragment. Measured in pixels
height  - height of the image, SWF file or video fragment. Measured in pixels
align   - specifies the alignment of an image according to surrounding elements. the default is left. 
hspace  - specifies the whitespace on left and right side of an image. The default is 8.
vspace  - specifies the whitespace on top and bottom of an image. The default is 8.

Usage example:

<img src='img://gui/flash/XVM.png' width='16' height='16'>

Using the code above will display a 16×16 pixel image located at res_mods/[version]/gui/flash/XVM.png.
Please note that path should indicate the current version of the game in the mods folder, and not the root directory of the game.

Posted in: Common Questions