Am 24.11.2012 13:51, schrieb Matthias Eberlein:
Hallo Liste,
ich stehe hir vor der Frage, wenn keine Image Datei hinterlegt wurde der
ganze <figure></figure> block nicht ausgegeben wird und der dazgehörige
<article> eine anderen class="" vergeben wird.
zb. wenn Bild vorhanden ausgabe
<figure class="ym-g50 ym-gr"> .. </figure>
<article class="ym-g50 ym-gl"> .. </article>
wenn kein Bild vorhanden
<figure class="display-none">.. </figure> --> ander class="" oder
garnicht ausgeben
<article class="ym-box"> .. </article> --> andere class=""
-----------------------------------------
Was ich bis jetzt habe ist folgendes markup welches auch seinen
Anforderungen Entspricht. Nur das Problem ist folgendes. figure &
article sind 2 x 50 % width boxen. Ist die <figure> box lehr, belegt
diese weiterhin 50% width. Was ich jedoch dann brauche ist für <article>
100% width box. Das wollte ich damit umgehen. Kann sein das ich jetzt
mit meinem Denken auf völlig falschen wege bin...
<div class="ym-grid linearize-level-1">
<figure class="ym-g50 ym-gr">
<div class="imageblock">
<f:if condition="{image.image}">
<f:image ...
</f:if>
</div>
</figure>
<article class="ym-g50 ym-gl">
<h1>{image.title}</h1>
<f:format.raw...
</article>
</div>
Hat jemand einen Wink für mich wie ich das bewerkstelligen kann?
Gruß
Matthias
Hallo David,
super tip. Vor zuviel Wald sieht man die einzelnen Bäume nicht mehr -
oder wie war das?
Hier mein result und es funst perfect. Das ganze ist für den flexslider
von Sven Wappler kombiniert mit rtp_imgquery für responive images &
yaml4 Framework .
Hier main Komplettes markup für das partial/entry.html
{namespace fs=Tx_WsFlexslider_ViewHelpers}
{namespace responsive=Tx_RtpImgquery_ViewHelpers}
<li>
<f:if condition="{image.image}">
<f:then>
<section class="ym-grid linearize-level-1">
<figure class="ym-g50 ym-gr">
<div class="imageblock">
<responsive:image
src="uploads/tx_wsflexslider/{image.image}" width="{settings.maxwidth}"
height="{settings.maxheight}" alt="{image.title}" breakpoint="1240"
breakpoints="2480:1282, 1240:641, 1024:504, 800:392, 768:705, 600:583,
480:463, 320:303" />
</div>
</figure>
<article class="ym-g50 ym-gl">
<div class="captionwrapper">
<!-- <h1>{image.title}</h1> -->
<div
class="caption"><f:format.raw>{image.description}</f:format.raw></div>
</div>
</article>
</section>
</f:then>
<f:else>
<section class="ym-grid">
<article class="ym-gbox">
<div class="captionwrapper">
<!-- <h1>{image.title}</h1> -->
<div
class="caption"><f:format.raw>{image.description}</f:format.raw></div>
</div>
</article>
</section>
</f:else>
</f:if>
</li>
Gruß
matthias
_______________________________________________
TYPO3-german mailing list
TYPO3-german@lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
