TYPO3 <f:image /> nest viewhelperまたは処理されたイメージを何らかの形でlazyloadに使用する

Question

lazyloadに特定のスライダを含めると、イメージのsrcがsrcとして2回、data-lazyとして2回入力されます。 ：<f:image />と

<img src="domain.com/image.png" data-lazy="domain.com/image.png"> 

は、私は私が実際に二つの質問を持っているdata="{lazy: 'domain.com/image.png'}"を使用することができますし、なViewHelperで作成した画像のSRC ...（typo3 documentationとf:uri.imageのインライン使用）

を繰り返す必要があります。

• どのようにf：uri.imageを入れ子にしますか？これはエラーを与えます<f:image src="{image.uid}" treatIdAsReference="1" data="{lazy: '{f:uri.image(src: {image.uid})}'}"/>
• 私はf：uri.imageを入れ子にした場合、同じ イメージと実際には一致しているはずです。 （特にIも設定された幅と高さが、私は、単純なスニペットを維持したいので）

ソリューションは、TYPO3のV7とV8

Answer 1

のために働く必要がありますが、この

<img src="{f:uri.image(src : image.uid)}" data-lazy="{f:uri.image(src : image.uid)}" /> 

あなたドンをお試しください< f：uri.imageを作成するために<f:image ..>タグを使用する必要があります。>は、同じ処理済みリソースを返します。ループでは

Answer 2

：

<f:for each="{MARKER}" as="file"> 
<img class="lazy" src=".../blank.gif" data-lazy="{f:uri.image(image: file, width:'XXXc', height:'XXXc', treatIdAsReference:1)}" alt="{file.alternative}" title="{file.title}"> 
</f:for>