“Mehrere Slick -Sliders auf derselben Seite mit denselben Klassen” Code-Antworten

Mehrere Slick -Sliders auf derselben Seite mit denselben Klassen

$(document).ready(function() {
    var myCarousel = $(".slider-for:not(.slick-initialized)");
    myCarousel.each(function() {
        $(this).slick({});
    });
});
Weary Wildebeest

Mehrere Slick -Sliders auf derselben Seite mit denselben Klassen

$(function () {
    $('.slider-for').each(function(num, elem) {
        elem = $(elem);
        elem.slick({
            slidesToShow: 1,
            slidesToScroll: 1,
            arrows: false,
            draggable: false,
            fade: true,
            asNavFor: '.slider-nav'
        });

        elem.next('.slider-nav-thumbnails').slick({
            slidesToShow: 3,
            slidesToScroll: 1,
            asNavFor: '.slider-for',
            dots: false,
            arrows: false,
            vertical: true,
            draggable: false,
            centerMode: false,
            focusOnSelect: true,
            responsive: [
                {
                    breakpoint: 769,
                    settings: {
                        vertical: false
                    }
                }
            ]
        });
    });
});
Weary Wildebeest

Ähnliche Antworten wie “Mehrere Slick -Sliders auf derselben Seite mit denselben Klassen”

Fragen ähnlich wie “Mehrere Slick -Sliders auf derselben Seite mit denselben Klassen”

Weitere verwandte Antworten zu “Mehrere Slick -Sliders auf derselben Seite mit denselben Klassen” auf JavaScript

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen