Home → Contao →

Verwendung: Vor/Zurück verstecken wenn keine Funktion (ohne Endlosschleife)

• Edit

Gerold Madlmayr

02 Nov, 2021 05:40 PM

Produkt: Slider Pro Contao
Contao-Version: 4.9.21

Hallo,

gibt es eine Möglichkeit der Konfiguration wie man die Vor- und Zurück-Buttons ausblenden kann sofern diese keine Funktion haben, da die Endlosschleife deaktiviert ist?
Also im initialen Status müsste der Zurück-Button ausgeblendet sein, und wenn man ans Ende der Slides kommt müsste der Vor-Button ausgeblendet sein.

Vielen Dank.

1. Support Staff 1 Posted by RockSolid Theme... on 03 Nov, 2021 01:03 PM

   

   Vielen Dank für Ihre Frage.

   Eine Konfiguration ist dafür nicht vorgesehen, allerdings lässt sich dieses Verhalten mit folgendem JavaScript-Code realisieren:

   jQuery('.mod_rocksolid_slider').on('rsts-slidestop', function(event) {
       jQuery(this).removeClass('first-slide');
       if (event.rstSlider.slideIndex === 0) {
           jQuery(this).addClass('first-slide');
       }
       jQuery(this).removeClass('last-slide');
       if (event.rstSlider.slideIndex === event.rstSlider.getSlides().length - 1) {
           jQuery(this).addClass('last-slide');
       }
   });
   

   Und danach über die CSS-Klassen first-slide und last-slide die Anzeige der Slider-Pfeile steuern.

   • Edit

2. 2 Posted by Gerold Madlmayr on 05 Nov, 2021 09:30 AM

   

   Vielen Dank, das hilft uns schon sehr weiter!

   Da wir hier schon im Thema sind hätte ich bitte noch eine weitere Frage.

   Und zwar soll ein Slide-Element, welches "verschwindet" (also zB wenn das ganz linke Slide-Element nach links raus fährt und somit unsichtbar wird) zusätzlich zum Slide-Effekt auch noch einen Fade-Effekt erhalten (unseren Kunden stört dass es so wirkt wie wenn der Text abgeschnitten wird wenn er raus fährt).
   Dies ließe sich ja gut mit CSS steuern, doch ist dafür wsl. auch ein jQuery Event trigger nötig, können Sie uns dazu auch einen Tipp geben?

   Spitzen Support, danke nochmals.

   • Edit

3. Support Staff 3 Posted by RockSolid Theme... on 05 Nov, 2021 10:40 AM

   

   Ein zusätzlicher Fade-Effekt sollte sich mit den bestehenden CSS-Klassen des Sliders realisieren lassen. Die Beschreibung der Klassen des Sliders finden Sie in der Dokumentation der Erweiterung: https://rocksolidthemes.com/de/contao/plugins/responsive-slider/dokumentation#css-selektoren

   Ein ähnlicher Effekt wurde bereits in einem anderen Beitrag behandelt: https://help.rocksolidthemes.com/discussions/contao/56613

   • Edit

4. 4 Posted by Gerold Madlmayr on 05 Nov, 2021 01:25 PM

   

   Vielen Dank, das hat bestens funktioniert!

   • Edit