Contao Content Slider mit fade?

[xkoy]

Hallo,

ist es möglich den Contao Content Slider mit einem fade zu animieren?

Danke
Daniel

[Schmidty]

Hallo,

funktioniert genauso wie der Contao-Slider:

https://contao.org/de/erweiterungsli...000049.de.html

Grüße, Schmidty

[RoGer]

Hallo,

von mir die gleiche Frage, denn die Antwort von Schmidty ist für mich leider unverständlich:

Kann man den Content Slider (in Contao 3.5) mit einem fade animieren?

Danke
Roland

[Andreas]

Nein, dafür ist der nicht gedacht. Hier ist das Projekt https://github.com/thebird/Swipe. Ist aber seit 3 Jahren im Stillstand. Die letzte Version 2.0, welche auch im Conao-Core ist, ist 4 Jahre alt. Wird glaube ich aktiv hier weiterentwickelt https://github.com/lyfeyaj/swipe. Aber auch diese unterstützt kein Fade. Siehe auch hier https://github.com/contao/core/issues/8579

Ist halt ein Slider, also fürs Wischen oder Schieben gedacht.

Der [rocksolid-slider] bietet Fade und anderes an.
Demo:
https://rocksolidthemes.com/de/conta...ponsive-slider
Quellen:
https://contao.org/de/erweiterungsli...id-slider.html
https://github.com/madeyourday/conta...lider/releases

[RoGer]

ok, Danke.
Hätte ja sein können...

[Schmidty]

Warum nicht die von mir genannte Erweiterung installieren?
Funktioniert dann genau wie der Silder.

[Andreas]

War nur als Alternative gedacht. Den [fader] kenne ich nicht und den Entwickler auch nicht, da weiß man dann nicht, wie lange die Erweiterung maintaint wird. Und es gibt keine Demo-Seite. Aber es gibt bestimmt noch viele andere Slider, die faden können. Beide benötigen jQuery. Der Core-Slider nicht.

[albis]

... hab mir die css und js aus der zip genommen im Template eingebunden (und jquery) und eine Kopie von ce_sliderStart.html5 und ce_sliderStart.html5 erstellt (zb. ce_sliderStart_fade.html5 und ce_sliderStop_fade.html5 ...) und die "class" an den jeweiligen stellen angepasst. Funktioniert somit auch super mit Contao 4.

Wenn ich den Content-Slider nun verwende wähle ich jeweils zwischen den Templates (bei Start/Stop) und hab entweder Slide oder Fade.

[McMatty]

... hab mir die css und js aus der zip genommen im Template eingebunden (und jquery) und eine Kopie von ce_sliderStart.html5 und ce_sliderStart.html5 erstellt (zb. ce_sliderStart_fade.html5 und ce_sliderStop_fade.html5 ...) und die "class" an den jeweiligen stellen angepasst. Funktioniert somit auch super mit Contao 4.

Wenn ich den Content-Slider nun verwende wähle ich jeweils zwischen den Templates (bei Start/Stop) und hab entweder Slide oder Fade.

Hallo Albis

Ich kriege das mit dem Template und den den Anpassungen be ce_sliderStart_fade ... irgendwie nicht hin. Hast du vielleicht den Code für mich? Hab's mit dem Original-Template versucht und mit Veränderung des Contao 4 Templates des Sliders.
Der Slider (die Bilder) wird dann gar nicht angezeigt und das nächste Seitenelement rückt nach oben.

Danke

PS:
OK, ist wohl eher uninteressant hier; der Slick Slider ist eine gute und wie ich hoffe "lightweight"-Alternative, mit der ich gut klarkomme.

[spitffm]

... hab mir die css und js aus der zip genommen im Template eingebunden (und jquery) und eine Kopie von ce_sliderStart.html5 und ce_sliderStart.html5 erstellt (zb. ce_sliderStart_fade.html5 und ce_sliderStop_fade.html5 ...) und die "class" an den jeweiligen stellen angepasst. Funktioniert somit auch super mit Contao 4.

Wenn ich den Content-Slider nun verwende wähle ich jeweils zwischen den Templates (bei Start/Stop) und hab entweder Slide oder Fade.

Hi Albis,

Deine Lösung wäre für mich sehr interessant, habe es soweit auch umgesetzt. Nur leider erscheinen bei mir nur die Controller, der Slide bleibt weiss (leer) Könntest Du nochmal konkreter erklären was Du genau als "jquery" im Template eingebunden hast? Soll das js_slider im Seitenlayout bleiben oder wird das mit einem angepassten j_fader template ersetzt? Oder werden beide eingebunden? (Habe alle Kombinationen versucht, ohne Erfolg)
Wenn ich mir den Source anschaue, ist die HTML-Struktur mit den Slides vorhanden, allerdings steht bei allen Slides (ce_text-elemente) "width:0px" im inlinestyle. Scripte scheinen fehlerfrei ausgeführt zu werden. Die JS und CSS Dateien habe ich im Files-Ordner abgelegt und denke sie sind m.E. auch korrekt eingebunden.

fader.JPG

[bird]

Hat sich schon mal jemand damit beschäftigt, ob man das Autoplay des Sliders für den Zeitraum, in welchem ein eingebettetes HTML5 Video abgespielt wird, pausieren kann?

[Spooky]

Ich denke es ist besser, dass du dafür eine andere bzw. eigene Slider Implementation nimmst.

[bird]

Ich denke es ist besser, dass du dafür eine andere bzw. eigene Slider Implementation nimmst.

Ja, da hast Du wahrscheinlich Recht...

Ganz will ich mich aber noch nicht von einer Lösung mit Bordmitteln verabschieden. Es würde wahrscheinlich schon ausreichen, wenn man per JS oder jQuery den Status des Videos abfragen und damit eine Pause- / Continue-Methode triggern könnte. Ich bin mir allerdings nicht sicher, wie ich die vorhandene Slideshow adressiere:

$(document).ready(function(){
    $('video').on('ended',function(){
        console.log("Continue Loop"); 
        $('xxx').data('MySwipe').auto(5000);
        $('xxx').data('MySwipe').start();
    });
});