Verwendung: Slider: Angeben, mit welchem Slide begonnen werden soll

D.T. Mayáns's Avatar

D.T. Mayáns

16 Sep, 2020 12:58 PM

Produkt: Tao Contao
Contao-Version: 4.4.51
Browser und Browserversionen: aktuelle Browser / browserunabhängig / aktueller Firefox

Hallo und guten Tag,

übersichtliche Frage:

Gibt es die Möglichkeit, bei einem Slider im Karussell-Modus (Endlos-Modus) anzugeben, mit welchem Slide begonnen werden soll, wenn es nicht der erste sein soll, sondern beispielsweise der mittlere (zweite) von dreien?

  1. Support Staff 1 Posted by RockSolid Theme... on 17 Sep, 2020 07:43 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Eine Einstellungsmöglichkeit dafür gibt es nicht. Sie können jedoch mit einem eigenen JavaScript-Code auf den gewünschten Slide wechseln:

    jQuery('#ID-DES-SLIDERS').data('rstSlider').goTo(2);
    
  2. 2 Posted by D.T. Mayáns on 17 Sep, 2020 07:51 AM

    D.T. Mayáns's Avatar

    Aha, das wirkt hilfreich.

    Können Sie mir noch einen Tipp geben, wo ich diesen Code unterbringen könnte?

  3. Support Staff 3 Posted by RockSolid Theme... on 17 Sep, 2020 11:09 AM

    RockSolid Themes's Avatar

    JavaScript-Code lässt sich z. B. über die Layouteinstellungen im Feld „Eigener JavaScript-Code“ einfügen:

    <script>
    jQuery('#ID-DES-SLIDERS').data('rstSlider').goTo(2);
    </script>
    
  4. 4 Posted by D.T. Mayáns on 17 Sep, 2020 11:12 AM

    D.T. Mayáns's Avatar

    Natürlich, wo auch sonst ...

    Super, vielen Dank für Ihre rasche Hilfe!

  5. 5 Posted by D.T. Mayáns on 05 Nov, 2020 07:42 PM

    D.T. Mayáns's Avatar

    Scheint nicht zu wuppen.

    Der Slider hat die ID 22, folgendes habe ich eingegeben:

    <script>
    jQuery('#22').data('rstSlider').goTo(3);
    </script>

    ... im Feld „Eigener JavaScript-Code“ des Layouts, um mit dem dritten Slide zu beginnen. Gestartet wird dennoch mit dem ersten Slide.

  6. Support Staff 6 Posted by RockSolid Theme... on 06 Nov, 2020 10:41 AM

    RockSolid Themes's Avatar

    Über die numerische Datenbank-ID kann der Slider via JavaScript nicht angesprochen werden.

    In den Modul-Einstellungen des Sliders können Sie im Bereich „Experteneinstellungen“ eine „CSS-ID“ festlegen.

    Diese CSS-ID kann dann im JavaScript-Code verwendet werden.

  7. 7 Posted by D.T. Mayáns on 06 Nov, 2020 11:28 AM

    D.T. Mayáns's Avatar

    Klappt. Super.

    Danke schön!

  8. 8 Posted by D.T. Mayáns on 06 Nov, 2020 06:00 PM

    D.T. Mayáns's Avatar

    Jetzt scheint allerdings das Autoplay nicht mehr zu wuppen.

  9. Support Staff 9 Posted by RockSolid Theme... on 09 Nov, 2020 08:44 AM

    RockSolid Themes's Avatar

    Haben Sie in den Moduleinstellungen des Sliders eine „Autoplay-Neustart-Dauer“ eingestellt?

  10. 10 Posted by D.T. Mayáns on 09 Nov, 2020 08:58 AM

    D.T. Mayáns's Avatar

    Steht auf "0".

    "Autoplay bei hover pausieren" ist nicht angekreuzt.

  11. Support Staff 11 Posted by RockSolid Theme... on 09 Nov, 2020 09:01 AM

    RockSolid Themes's Avatar

    Stellen Sie bei der „Autoplay-Neustart-Dauer“ bitte denselben Wert ein der in der Autoplay-Dauer festgelegt ist.

  12. 12 Posted by D.T. Mayáns on 09 Nov, 2020 09:29 AM

    D.T. Mayáns's Avatar

    Das klappt ganz hervorragend.

    Danke schön!

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