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" />
<f:image image="{imageObject}" />
{f:image(src: 'EXT:viewhelpertest/Resources/Public/typo3_logo.png', alt: 'alt text', minWidth: 30, maxWidth: 40)}
<f:image src="NonExistingImage.png" alt="foo" />
Arguments
- additionalAttributes
- data
- src
- width
- height
- minWidth
- minHeight
- maxWidth
- maxHeight
- treatIdAsReference
- image
- crop
- absolute
- class
- dir
- id
- lang
- style
- title
- accesskey
- tabindex
- onclick
- alt
- ismap
- longdesc
- usemap
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