首页 文章

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

提问于
浏览 次
0

嗨，我正在使用FluidTYPO3和最新的 TYPO3 Core 7.6 和Flux / Fluid Extensions .

我正在使用FAL关系：

<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=""/>

</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 ，但它是如何工作的？我不知道..谢谢你的帮助 .

typo3 background-image fluid typo3-7.6.x fal

1 回答

  • 2

    您需要执行与 <img> -tag中的图像基本相同的操作：使用ViewHelper为您呈现图像URL . 在这种情况下，您只需要URL，而不包含 <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 参数，你可以把它留下来 .

    回复于

相关问题