HTML Img

Description

The HTML Img tag macro shows an image on your page. You have several options to influence it’s display.

Adding the Macro

1. Edit your page.

2. Select “+” => Other macros

3. Type in “html” in the Search box

4. Select the “HTML Img” macro

Macro Options

Image URL

If the image is from an external source, specify it’s link here.

Use Attachment

Check this option if the Image URL shall be ignored and an attached image of the page should be used instead.

Image File

Select the attached image file.

Alignment

Select the alignment of the image corresponding to its surrounding elements.

Alternate Text

Enter an alternative text for the image. It will be displayed in case the image cannot be loaded.

Height

Enter a custom height for the display. Use a numeric value. It is interpreted as pixels. If Width is not set, the browser will automatically adjust the proportion.

Width

Enter a custom width for the display. Use a numeric value. It is interpreted as pixels. If Height is not set, the browser will automatically adjust the proportion.

Element ID

You can specify an element ID here. It must be unique on your page.

CSS Classes

You can specify CSS class names here, separated by blank.

Inline Styles

You can specify inline CSS properties here. Each one has to end with a semicolon.

Tooltip Title

Enter a simple text here that will popup as a tooltip when the mouse is hovered over the element.

Image Map

You can specify an Image Map here tha can define certain areas of the image. The name must start with a hash, e.g. “#myMap”.

Read more about it

Custom Attributes

You can enter fully specified custom attributes here separated by blanks, e.g.: data-animal=”cat” data-color=”red”.