Question

我正在Typo3网站上配置LazyLoad JS，我想添加data-src标记以插入图像。目前我只使用src：

<f:if condition="{mediaElement.type} == 0">
    <f:media file="{mediaElement}" class="img-responsive lazy-image" title="{mediaElement.originalResource.title}" alt="{mediaElement.originalResource.alternative}" data="{src: '{mediaElement}'}"  width="{f:if(condition: settings.list.media.image.width, then: settings.list.media.image.width, else: settings.media.width)}" height="{f:if(condition: settings.list.media.image.height, then: settings.list.media.image.height, else: settings.media.height)}"/>
</f:if>

我尝试为上面的代码添加此代码：

 data="{src: '{f:media file="{mediaElement}'}"

但是没有用。

Answer 1

f:media viewhelper返回完整的图像（或视频）标签。

您只需要URL。因此您可以使用uri.* viewhelper。
如果您使用的图像多于其他图像，则可能会变得复杂，因为media

没有垂饰

添加data-src标签以插入图像

1 个答案: