Verwendung: Slider Pro Position merken

Ronnie's Avatar

Ronnie

23 Mar, 2021 06:55 AM

Produkt: Slider Pro Contao

Hallo,

ist es möglich den Slider so umzukonfigurieren, dass er sich die Position des Sliders merkt?

Als Beispiel:
Unter dem Link die linke Teaserbox "Grabmale", hier wählt der User die zweite Seite "Doppelgräber" aus (mit Thumbnail oder Navigationspfeil), bei Klick auf dem Slider gelangt er zur Seite. Nun wird die Seite geladen, allerdings springt der Slider zurück zur ersten Position "Einzelgräber".

Versucht habe ich hier die Endlosschleife zu aktivieren und den Slider öfters zu erstellen und die Reihenfolge der Seiten zu ändern. Allerdings bewegen sich dann auch hier die Thumbnails, die Thumbnails sollen fixiert bleiben.

Link: tinyurl.com/h8erfncv

  1. Support Staff 1 Posted by RockSolid Theme... on 23 Mar, 2021 08:32 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Sie können auf der jeweiligen Seite über einen eigenen JavaScript-Code den Slider auf die gewünschte Position wechseln lassen. z. B.:

    <script>
        jQuery('.slider_grabmale').data('rstSlider').goTo(1);
    </script>
    

    Dieser Code setzen den Slider auf die zweite Position (0 ist die erste Position).

  2. 2 Posted by Ronnie on 23 Mar, 2021 09:13 AM

    Ronnie's Avatar

    Danke für die Rückmeldung.

    Funktioniert fast, habe den JS-Code unter der Seite eingebunden, er lädt den Slider aber immer nochmals von der ersten Position nach wenn man auf die Seite zugreift.

    Zu sehen unter der Seite Doppelgräber.

  3. Support Staff 3 Posted by RockSolid Theme... on 23 Mar, 2021 03:25 PM

    RockSolid Themes's Avatar

    Damit keine Animation angezeigt wird, können Sie per JavaScript vor dem Wechseln des Slides die Animationsdauer auf 0 setzen. Der JavaScript-Code dafür könnte z. B. folgendermaßen aussehen:

    <script>
        jQuery('.slider_grabmale').data('rstSlider').options.duration = 0;
        jQuery('.slider_grabmale').data('rstSlider').goTo(1);
        jQuery('.slider_grabmale').data('rstSlider').options.duration = 400;
    </script>
    
  4. 4 Posted by Ronnie on 23 Mar, 2021 04:35 PM

    Ronnie's Avatar

    Das ganze funktioniert jetzt.

    Vielen Dank für den Support.

Reply to this discussion

Internal reply

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

Attaching KB article:

»

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