HTML Images

The HTML Image macro allows the display of an image within a page, with extended properties such as an 'alt' tag and an image map feature.

Usage

1. Go to the form you wish to edit.

2. Click Edit

3. Click Insert More Content, and select Other Macros.

4. Select the HTML Image macro from the provided list.

   

5. Complete the desired fields.

   Parameter	Description	Type	Default	Required
   Alt Text	Defines a short description of the contents	string	none
   Image URL (src)	Defines the URL of the image source	string	none
   Height	Sets height of the image	string	none
   Width	Sets width of the image	string	none
   Server-side Map	Defines the image as a server-side image map	checkbox	unselected
   Client-side Map	Defines the ID for a client-side map, linking to HTML on the page that includes this map	string	none
   Long Description	A URL to a page which contains a long description of the content	string	none
   ID	Specifies a unique ID to be added to the button	string	none
   CSS Class	Specifies a CSS Class to be added to the element	string	none
   Inline Style	An optional inline style sheet to apply to the tag	string	none
   Title	Text to display in a tooltip	string	none
   Text Direction	Specifies the text direction	single select	none
   Language Code	Specifies the language property, e.g. en, de, fr.	string	none

   

   The URL parameter must be specified for this macro to work.

6. The macro will then appear on the page.

   

Examples

Basic Example

To display an HTML image on a page

Results in:

Using Client Side Image Map

To use the client-side image map parameter, the Atlassian HTML Macro must be enabled. This action requires an administrator and the security risks should be understood before doing so.

Read this HTML Macro for information on the HTML Macro. Once this is complete, the HTML Macro can be added to a page and an image map can be inserted.

The name of the map should be the same as the 'Client-side image map' parameter for the HTML Image Macro, as follows.