[Frage] Mask Extension data-background verwenden, siehe Screenshot im Anhang TYPO3-Version: -


  • 1
  • lenjka lenjka
    T3PO
    0 x
    29 Beiträge
    0 Hilfreiche Beiträge
    23. 09. 2020, 14:41

    Sehe kein Screenshot im Anhang.
    Ich verwende das
    [code]<div class="carousel-inner">
    <f:for each="{data_image}" as="bild" iteration="zahl">
    <div class="carousel-item {f:if(condition: zahl.isFirst, then: 'active', else: '')} ">
    <f:image image="{bild}" class="img-fluid" maxWidth="1920" />
    <f:if condition="{data.tx_ljbilderslider_ljbilderlayeron}">
    <f:then>
    <div class="carousel-caption {f:if(condition: '{data.tx_ljbilderslider_ljbilderlayeroverlay}', then: 'overlay', else: '')}">
    <f:render section="textLayer" arguments="{_all}" />
    </div>
    </f:then>
    </f:if>
    </div>
    </f:for>
    </div>
    [/code]
    also f:image

  • lenjka lenjka
    T3PO
    0 x
    29 Beiträge
    0 Hilfreiche Beiträge
    23. 09. 2020, 15:08

    Wenn es darum geht ein Bild als hintergrundbild zu laden dann setze ich das bil erst in eine Variable

    Alos so in der Art:

    <f:variable name="BgImage" value="{f:uri.image(src:data_image.0.uid, treatIdAsReference:1)}" />
    <div class="intro appear-animation" style="background-image: url('{BgImage}'); " ></div>

  • 1