Thumbnail ViewHelper <be:thumbnail>
¶
ViewHelper for the backend which generates an <img>
tag with the special URI to render thumbnails deferred.
Examples¶
Default¶
<be:thumbnail image="{file.resource}" width="{thumbnail.width}" height="{thumbnail.height}" />
Copied!
Output:
<img src="https://www.example.com/typo3/image/process?token=XYZ&id=1160"
width="64"
height="64"
alt="alt set in image record"
title="title set in image record"/>
Copied!
Inline notation¶
{be:thumbnail(image: file.resource, maxWidth: thumbnail.width, maxHeight: thumbnail.height)}
Copied!
Output:
<img src="https://www.example.com/typo3/image/process?token=XYZ&id=1160"
width="64"
height="64"
alt="alt set in image record"
title="title set in image record"/>
Copied!
Source code
Go to the source code of this ViewHelper: ThumbnailViewHelper.php (GitHub).
Arguments
Allows arbitrary arguments
This ViewHelper allows you to pass arbitrary arguments not defined below directly to the HTML tag created. This includes custom `data-` arguments.
The following arguments are available for the thumbnail ViewHelper:
-
additionalAttributes
¶ -
- Type
- array
Additional tag attributes. They will be added directly to the resulting HTML tag.
-
data
¶ -
- Type
- array
Additional data-* attributes. They will each be added with a "data-" prefix.
-
aria
¶ -
- Type
- array
Additional aria-* attributes. They will each be added with a "aria-" prefix.
-
src
¶ -
- Type
- string
- Default
- ''
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
-
treatIdAsReference
¶ -
- Type
- bool
- Default
- false
given src argument is a sys_file_reference record
-
image
¶ -
- Type
- object
a FAL object (\TYPO3\CMS\Core\Resource\File or \TYPO3\CMS\Core\Resource\FileReference)
-
crop
¶ -
- Type
- string|bool
overrule cropping of image (setting to FALSE disables the cropping set in FileReference)
-
cropVariant
¶ -
- Type
- string
- Default
- 'default'
select a cropping variant, in case multiple croppings have been specified or stored in FileReference
-
width
¶ -
- Type
- 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
¶ -
- Type
- 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
¶ -
- Type
- int
minimum width of the image
-
minHeight
¶ -
- Type
- int
minimum height of the image
-
maxWidth
¶ -
- Type
- int
maximum width of the image
-
maxHeight
¶ -
- Type
- int
maximum height of the image
-
context
¶ -
- Type
- string
- Default
- 'Image.Preview'
context for image rendering