[TYPO3-german] DCE, Fluid, IMG-RESOURCE
Philipp Holdener
philipp.holdener at me.com
Fri Oct 3 07:50:39 CEST 2014
Am 03.10.14 00:12, schrieb Can Kat:
> Bilder liegen unter /uploads/pics/ daran dann das Feld anhängen.
>
> Sprich:
>
>
> [...] data-src="/uploads/pics/{field.img1}
Hallo
Danke für den Tipp
Habs jetzt aber schon mit dem hier zum laufen gebracht:
<div class="bg-stretch">
<span data-picture data-alt="SNO-N-ICE">
<f:for each="{dce:fal(field:'desktop',
contentObject:contentObject)}" as="fileReference1">
<span data-src="fileadmin{fileReference1.identifier}"></span>
</f:for>
<f:for each="{dce:fal(field:'tablet',
contentObject:contentObject)}" as="fileReference2">
<span data-src="fileadmin{fileReference2.identifier}"
data-media="(max-width:1023px)" ></span>
</f:for>
<f:for each="{dce:fal(field:'mobile',
contentObject:contentObject)}" as="fileReference3">
<span data-src="fileadmin{fileReference3.identifier}"
data-media="(max-width:767px)" ></span>
</f:for>
<!--[if (lt IE 9) & (!IEMobile)]>
<f:for each="{dce:fal(field:'desktop',
contentObject:contentObject)}" as="fileReference6">
<span data-src="fileadmin{fileReference6.identifier}"></span>
</f:for>
<![endif]-->
<!-- Fallback content for non-JS browsers. Same img src as the
initial, unqualified source element. -->
<noscript>
<f:for each="{dce:fal(field:'desktop',
contentObject:contentObject)}" as="fileReference4">
<f:image src="{fileReference5.uid}" alt="" width="1600"
height="500" treatIdAsReference="1" />
</f:for>
</noscript>
</span>
<f:for each="{dce:fal(field:'desktop',
contentObject:contentObject)}" as="fileReference4">
<f:image src="{fileReference4.uid}" alt="" width="1600"
height="500" treatIdAsReference="1" />
</f:for>
</div>
Gruss
Philipp
More information about the TYPO3-german
mailing list