Package

ViewHelpers

ViewHelper Documentation

image

Resizes a given image (if required) and renders the respective img tag

= Examples =

<f:image src="EXT:myext/Resources/Public/typo3_logo.png" alt="alt text" /> alt text or (in BE mode): alt text

<f:image image="{imageObject}" /> alt set in image record

{f:image(src: 'EXT:viewhelpertest/Resources/Public/typo3_logo.png', alt: 'alt text', minWidth: 30, maxWidth: 40)} alt text (depending on your TYPO3s encryption key)

<f:image src="NonExistingImage.png" alt="foo" /> Could not get image resource for "NonExistingImage.png".

Arguments

additionalAttributes anySimpleType

Additional tag attributes. They will be added directly to the resulting HTML tag.

data anySimpleType

Additional data-* attributes. They will each be added with a "data-" prefix.

src string

a path to a file, a combined FAL identifier or an uid (int). If $treatIdAsReference is set, the integer is considered the uid of the sys_file_reference record. If you already got a FAL object, consider using the $image parameter instead

width string

width of the image. This can be a numeric value representing the fixed width of the image in pixels. But you can also perform simple calculations by adding "m" or "c" to the value. See imgResource.width for possible options.

height string

height of the image. This can be a numeric value representing the fixed height of the image in pixels. But you can also perform simple calculations by adding "m" or "c" to the value. See imgResource.width for possible options.

minWidth integer

minimum width of the image

minHeight integer

minimum height of the image

maxWidth integer

maximum width of the image

maxHeight integer

maximum height of the image

treatIdAsReference boolean

given src argument is a sys_file_reference record

image anySimpleType

a FAL object

crop anySimpleType

overrule cropping of image (setting to FALSE disables the cropping set in FileReference)

absolute boolean

Force absolute URL

class string

CSS class(es) for this element

dir string

Text direction for this HTML element. Allowed strings: "ltr" (left to right), "rtl" (right to left)

id string

Unique (in this file) identifier for this HTML element.

lang string

Language for this element. Use short names specified in RFC 1766

style string

Individual CSS styles for this element

title string

Tooltip text of element

accesskey string

Keyboard shortcut to access this element

tabindex integer

Specifies the tab order of this element

onclick string

JavaScript evaluated for the onclick event

alt string

Specifies an alternate text for an image

ismap string

Specifies an image as a server-side image-map. Rarely used. Look at usemap instead

longdesc string

Specifies the URL to a document that contains a long description of an image

usemap string

Specifies an image as a client-side image-map

ViewHelper Resources

Schema Resources