Question

您好我正在使用FluidTYPO3以及最新的TYPO3 Core 7.6和Flux / Fluid Extensions。

我正在使用FAL-relation：

<flux:field.inline.fal name="backgroundimage" minItems="1" maxItems="1" />

现在我可以使用以下代码段在前端显示我的图像（for / each是obsolet，我只有一个图像）：

<f:for each="{v:content.resources.fal(field: 'backgroundimage')}" as="image">
    <f:image treatIdAsReference="1" src="{image.id}" alt=""/><br/>
</f:for>

图像将呈现为<img src="fileadmin/user_upload/.."

但我需要将我的图像作为背景图像，所以我尝试过：

<f:for each="{v:content.resources.fal(field: 'backgroundimage')}" as="image">
 <div class="back" style="background-image: url('{image.id}');"></div>
</f:for>

但我会得到...... <div class="back" style="background-image: url('1:/Editors_English/image.jpg');"></div>

我认为treatIdAsReference遗失了，但它是如何运作的？我不知道..谢谢你的帮助。

Answer 1

您需要执行与<img> - 标记中的图像基本相同的操作：使用ViewHelper为您呈现图像网址。在这种情况下，您只需要一个没有<img>标记的网址，因此您必须使用ViewHelper f:uri.image。在内联表示法中使用它也很有帮助，它将如下所示：

<f:for each="{v:content.resources.fal(field: 'backgroundimage')}" as="image">
  <div class="back" style="background-image: url('{f:uri.image(src: image.id, treatIdAsReference: 1)}');"></div>
</f:for>

我不确定您是否确实需要treatIdAsReference参数，您可以将其删除。

如果我将它显示为背景图像，则TYPO3流体FAL图像的路径错误

1 个答案: