[TYPO3-german] TemplaVoila: Flexible CE (background-image)

[Nils Hodyas]

Moin,

Am 28.08.2013 08:52, schrieb HC-Media:
> Liebe Liste,
>
> ich hätte eine Frage bezüglich TemplaVoila und einem Flexiblen CE.
>
> Ich habe einen Content-Slider, in dem die einzelnen Slides per TV-CE
> erstellt werden,
> soweit sogut - es funktoniert der komplette Text usw...
>
> Mein Problem ist jetzt nur, die einzelnen Slides sollen wenn gewünscht
> auch mit Hintergrundbildern versehen werden können,
> mein Markup zu dem CE ist wie folgt:
>
> ------------------------------------------------
> <div class="slide" style="background-image(../img/slide1.png);">
> <div class="text_container">
> <strong class="blockHeadline">Test-Headline</strong>
> <span class="txtCent" data-move-effect="none">Lorem ipsum dolor sit
> amet</span>
> <a href="#" class="sliderMore">more...</a>
> </div>
> </div>
> </div>
> ------------------------------------------------
>
>
> Gibt es eine Möglichkeit ein Bild-Feld zur Verfügung zu stellen,
> wo die Redakteure ein Bild uploaden können und dann im
> "background-image(...)" Teil nur die Bild-URL eingefügt wird?

ja, das geht, das hab ich schon mal gemacht, ist aber lange her, und ich 
hab keinen Zugriff mehr auf das Projekt.

So weit ich mich erinnere, muss man den

<div class="slide" style="background-image(../img/slide1.png);">

als Attribut (style) mappen

Im XML steht dann so was:
									<field_image_first type="array">
										<type>attr</type>
										<tx_templavoila type="array">
											<title>Bild</title>
											<sample_data type="array">
												<numIndex index="0"></numIndex>
											</sample_data>
											<eType>link</eType>
											<TypoScript>
	10 = TEXT
	10.typolink.parameter.current = 1
	10.typolink.returnLast = url
	10.wrap = background-image: url(|);
							</TypoScript>
											<proc type="array">
												<HSC type="integer">1</HSC>
											</proc>
										</tx_templavoila>
										<TCEforms type="array">
											<config type="array">
												<type>input</type>
												<size>15</size>
												<max>256</max>
												<checkbox></checkbox>
												<eval>trim</eval>
												<wizards type="array">
													<_PADDING type="integer">2</_PADDING>
													<link type="array">
														<type>popup</type>
														<title>Link</title>
														<icon>link_popup.gif</icon>
														<script>browse_links.php?mode=wizard</script>
														<JSopenParams>height=300,width=500,status=0,menubar=0,scrollbars=1</JSopenParams>
													</link>
												</wizards>
											</config>
											<label>Bild</label>
										</TCEforms>
									</field_image_first>

Ganz genau weiß ich es nicht mehr, ist shcon ziemlich lange her, dass ich mit TV arbeitete.

Hoffe, es hilft.
Nils
  



-- 
Nils Hodyas - Webdesign von die Tante Jensen <http://dietantejensen.de> 
· Großherzog-Friedrich-Straße 117 · 66121 Saarbrücken · (0681) 925 63 43 
· 0160 318 183 7 ·