[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