Verwendung: Slider API

Richard's Avatar

Richard

29 Jul, 2019 03:55 PM

Produkt: Slider Pro Contao
Contao-Version: 4.8

Ich versuche aktuell die API des Slider zu verwenden. Ich möchte eine eigene Navigation bauen und muss dafür auf die Funktionen "next()" "prev()" und "itemOnClick()" zurückgreifen.

Das ist mein Code:

    const slider1 = $slider.rstSlider({
        "type": "fade",
        "direction": "x",
        "skin": "custom",
        "width": "css",
        "height": "css",
        "navType": "none",
        "scaleMode": "none",
        "imagePosition": "top-left",
        "centerContent": !1,
        "random": !1,
        "loop": !1,
        "videoAutoplay": !1,
        "autoplayProgress": !1,
        "pauseAutoplayOnHover": !1,
        "keyboard": !1,
        "captions": !0,
        "controls": !1,
        "thumbControls": !1,
        "combineNavItems": !0,
        "visibleAreaAlign": 0.5,
        "gapSize": "0%"
    });

    $slider.find('.rsts-slide > div').each(function () {
        $(this).children().wrapAll('<div class="slide-content"/>');

        const $controlHeaderPrev = $('<a>', {
            class: 'slide-prev', click: function () {
               slider1.itemOnClick(1);
            }
        });
        const $controlHeaderNext = $('<a>', {
            class: 'slide-next', click: function () {
                slider.next();
            }
        });
    });

Folgenden Fehler erhalte ich:
Uncaught TypeError: slider1.data(...).itemOnClick is not a function

Als Beispiel.

  1. Support Staff 1 Posted by RockSolid Theme... on 30 Jul, 2019 07:42 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Auf die Funktion itemOnClick der Slider-Navigation können Sie über folgenden Weg zugreifen:

    slider1.data('rstSlider').nav.itemOnClick(1);
    

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