错别字3作物变异和流体

Question

由于TYPO3 8.7有一个很好的响应式图像裁剪变体选项，我想知道如何最好地实现这一点：

在堆栈溢出文档"图像裁剪-typo3-8-7-lts"（不允许链接它）的示例中，制作了一些 tsconfig 来启用裁剪变体。

然后它将可用于内容元素中的所有图像，如何最好地调整流畅样式的内容模板？

例如fluid_styled_content/Resources/Private/Partials/Media/Type/Image.html

指向 fluid_styled_content/Resources/Private/Partials/Media/Rendering/Image.html，其中包含

<f:media class="image-embed-item" file="{file}" width="{dimensions.width}" height="{dimensions.height}" alt="{file.alternative}" title="{file.title}" />

有

没有人有一个例子如何更换这个特定部件？或者是否可以仅允许为自定义内容元素裁剪变体？

Answer 1

您必须将

CropVariant 添加为图像视图助手中的属性 - 使用 f：media 我认为它不起作用......

例如：

<f:image src="{uid}" treatIdAsReference="1" cropVariant="smartphone" maxWidth="{imagemaxwidth}" maxHeight="{imagemaxheight}" />