Slider aus den Medien des Standard-CEs "Text & Medien"
Dieser Slider ist über ein einfaches CE-Element "Text & Medien" entstanden. Bei den Frames wurde eine Frame-Klasse "Bild-Slider" hinzugefügt. Das Sliding klappt mit der Javascript-Funktion "bx_slider.js".
Wie es genau gemacht wird sehen Sie unten bei den Klapp-Boxen.
Und so wird es gemacht:
Das Core-Template "textmedia" fragt die Klasse "imageSlider" ab:
<f:section name="Main">
<div class="ce-textpic ce-{gallery.position.horizontal} ce-{gallery.position.vertical}{f:if(condition: gallery.position.noWrap, then: ' ce-nowrap')}">
<f:if condition="{data.frame_class} == 'imageSlider'">
<f:then>
<f:render partial="Media/Slider" arguments="{_all}" />
</f:then>
<f:else>
<f:if condition="{gallery.position.vertical} != 'below'">
<f:render partial="Media/Gallery" arguments="{_all}" />
</f:if>
</f:else>
</f:if>
<f:if condition="{data.bodytext}">
<f:then>
<div class="ce-bodytext">
<f:if condition="{gallery.position.noWrap}">
<f:render partial="Header/All" arguments="{_all}" />
</f:if>
<f:format.html>{data.bodytext}</f:format.html>
</div>
</f:then>
<f:else>
<f:if condition="{gallery.position.noWrap}">
<f:if condition="{data.header}">
<div class="ce-bodytext">
<f:render partial="Header/All" arguments="{_all}" />
</div>
</f:if>
</f:if>
</f:else>
</f:if>
<f:if condition="{data.frame_class} != 'imageSlider' && {gallery.position.vertical} == 'below'">
<f:render partial="Media/Gallery" arguments="{_all}" />
</f:if>
</div>
</f:section>