image

Render an img tag for given image src. If $src doesn’t exist and $fallbackImage is given check if that file exists and render img tag.

If no existing file is found no tag is rendered.

Examples

Default:

<em:image src="EXT:myext/Resources/Public/typo3_logo.png" alt="alt text" />

Output:

<img alt="alt text" src="../typo3conf/ext/myext/Resources/Public/typo3_logo.png" />

non existing image:

<f:image src="NonExistingImage.png" alt="foo" />

Output:

Arguments

additionalAttributes

DataType
mixed
Required
true
Description
Additional tag attributes. They will be added directly to the resulting HTML tag.

data

DataType
mixed
Required
true
Description
Additional data-* attributes. They will each be added with a “data-” prefix.

src

DataType
string
Required
true

Description

width

DataType
mixed
Required
true
Description
Width of the image

height

DataType
mixed
Required
true
Description
Height of the image

fallbackImage

DataType
string
Required
true
Description
An optional fallback image if the $src image cannot be loaded

class

DataType
string
Required
true
Description
CSS class(es) for this element

dir

DataType
string
Required
true
Description
Text direction for this HTML element. Allowed strings: “ltr” (left to right), “rtl” (right to left)

id

DataType
string
Required
true
Description
Unique (in this file) identifier for this HTML element.

lang

DataType
string
Required
true
Description
Language for this element. Use short names specified in RFC 1766

style

DataType
string
Required
true
Description
Individual CSS styles for this element

title

DataType
string
Required
true
Description
Tooltip text of element

accesskey

DataType
string
Required
true
Description
Keyboard shortcut to access this element

tabindex

DataType
integer
Required
true
Description
Specifies the tab order of this element

onclick

DataType
string
Required
true
Description
JavaScript evaluated for the onclick event

alt

DataType
string
Required
true
Description
Specifies an alternate text for an image