Добавить тег data-src для вставки изображения

Question

Я настраиваю LazyLoad JS на веб-сайте Typo3 и хочу добавить тег 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 возвращает тег полного изображения (или видео).

вам нужен только URL. так что вы можете использовать uri.* viewhelper.
Если вы используете больше, чем изображения, это может осложниться, поскольку нет кулона для media