/
Parallax.html
19 lines (19 loc) · 1.55 KB
/
Parallax.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<f:layout name="NoBgImage" />
<f:section name="Main">
<f:if condition="{files.0}">
<f:if condition="{files.0.type} == 4">
<f:if condition="{files.1}">
<f:then>
<div class="parallax parallax-video {f:if(condition: data.pi_flexform.data.columns.lDEF.hideInMobile.vDEF, then: ' hidden-xs hidden-sm')}" data-video-url="{f:uri.typolink(parameter: 'file:{files.0.originalFile.uid}')}" style="background-image: url('{f:uri.image(image : files.1.originalFile)}'); height: {f:if(condition: data.pi_flexform.data.columns.lDEF.height.vDEF, then: data.pi_flexform.data.columns.lDEF.height.vDEF, else: 'auto')};" > </f:then>
<f:else>
<div class="parallax parallax-video {f:if(condition: data.pi_flexform.data.columns.lDEF.hideInMobile.vDEF, then: ' hidden-xs hidden-sm')}" data-video-url="{f:uri.typolink(parameter: 'file:{files.0.originalFile.uid}')}" style=" height: {f:if(condition: data.pi_flexform.data.columns.lDEF.height.vDEF, then: data.pi_flexform.data.columns.lDEF.height.vDEF, else: 'auto')};" >
</f:else>
</f:if>
</f:if>
<f:if condition="{files.0.type} == 2">
<div class="parallax parallax-resimg {f:cObject(typoscriptObjectPath:'lib.responsiveBackgroundImage', data:files.0.uid)} {f:if(condition: data.pi_flexform.data.columns.lDEF.hideInMobile.vDEF, then: ' hidden-xs hidden-sm')}" style="height: {f:if(condition: data.pi_flexform.data.columns.lDEF.height.vDEF, then: data.pi_flexform.data.columns.lDEF.height.vDEF, else: 'auto')};" >
</f:if>
</f:if>
<f:format.raw>{data.tx_gridelements_view_column_0}</f:format.raw>
</div>
</f:section>