Verwendung: Slider mit 3 sichtbaren Inhaltselementen, Scroll immer nur ein Element weiter

sven rothe's Avatar

sven rothe

10 Jun, 2020 10:07 PM

Produkt: Slider Pro Contao
Contao-Version: 3,5,35
Browser und Browserversionen: Chrome Version 83.0.4103.61

Moin,
ich möchte einen Slider mit insgesamt 6 Inhaltselementen einrichten.
Es sollen immer 3 Elemente angezeigt werden, das mittlere ist aktiv, die beiden davor und dahinter werden abgeblendet (das sollte ich per CSS hinbekommen, wenn ich dies über ein CSS-Tag selektieren kann).
Wenn ein slide weiter gewechselt wird, soll nur einen Schritt weiter gewechselt werden - also das aktive wandert nach links und wird abgeblendet, das rechte wandert in die Mitte und wird "aktiv" und rechts kommt das nächste (abgeblendet rein).
Wie kann ich das mit der Pro-Version konfigurieren?
(Der Rest der Seite ist noch draft ;-) Besten Dank
sven

  1. Support Staff 1 Posted by RockSolid Theme... on 12 Jun, 2020 08:32 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Stellen Sie dafür bitte in den Moduleinstellungen des Sliders den „Sichtbaren Bereich“ auf 33.33333 ein und setzen den „Slide-Abstand“ auf 0.

    Die unterschiedliche Darstellung von aktiven und inaktiven Slides lässt sich mit folgendem CSS-Code umsetzen:

    .rsts-slide {
        transition: opacity 0.3s linear;
    }
    .rsts-slide.rsts-inactive,
    .rsts-slide.rsts-postactive{
        opacity: 0.5;
    }
    
  2. 2 Posted by sven rothe on 12 Jun, 2020 11:35 AM

    sven rothe's Avatar

    Hej,

    vielen Dank für den Support.

    Läuft...

    Entspanntes Wochenende!

    sven

  3. 3 Posted by sven rothe on 13 Jul, 2020 07:37 PM

    sven rothe's Avatar

    Moin,

    ich hab nochmal eine Frage zum onoe theme.

    Wie kann ich einstellen, ab welcher viewport-Breite der Wechsel auf die
    mobile Navi umgeschaltet wird?

    Beste Grüße,
    sven

  4. Support Staff 4 Posted by RockSolid Theme... on 14 Jul, 2020 08:43 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Informationen zu diesem Thema finden Sie in folgendem Beitrag: http://help.rocksolidthemes.com/discussions/contao/11684

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Already uploaded files

  • Bildschirmfoto_2020-06-11_um_00.06.57.png 2.48 MB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac