Documentation
Image
Description
The Image module enables inserting an image into a presentation. It is possible to determine the look of the Image module's frame.
Note: To display SVG files in Internet Explorer browsers correctly, you have to add to <svg> tag the following parameter: viewBox="0 0 WIDTH HEIGHT".
For example: <svg width="800" height="400" viewBox="0 0 800 400" ...
You can edit .svg files in any text editor. To embed an SVG image, it is recommended to use the SVG module.
For example: <svg width="800" height="400" viewBox="0 0 800 400" ...
You can edit .svg files in any text editor. To embed an SVG image, it is recommended to use the SVG module.
Properties
The list starts with the common properties, learn more about them by visiting the Modules description section. The other available properties are described below.
| Property name | Description |
|---|---|
| Image | This property enables to insert an image into the module.
This property allows online resources. Find out more ยป |
| Mode | This property enables to select the mode in which the image should be displayed (keep aspect, stretch and original size). |
| Animated gif refresh | If selected, animated gifs will always be refreshed after page loading. |
| Alternative text | This text will be added to the module's HTML tag. It will be read by the Text To Speech module (if used) after the user performs a certain action. | Printable | Allows to choose if the module should be included in the printout. |
Supported commands
| Command name | Params | Description |
|---|---|---|
| hide | --- | Hides the module if it is visible. |
| show | --- | Shows the module if it is hidden. |
CSS classes
| Class name | Description |
|---|---|
| .ic_image | indicates the module that serves for inserting an image. |
Examples
.ic_image{
border: 2px solid #02789f;
border-radius: 3px;
padding: 4px;
box-shadow: 1px 2px 3px #406d93;
}