Как настроить swiper.js?

Question

[Алекс]

есть такой вывод двух слайдеров swiper

var mySwiperPersonText = new Swiper(".swiper-container-person-text", {
    spaceBetween: 0,
    slidesPerView: 1,
    freeMode: false,
    autoHeight: true,
    loop:  false,allowTouchMove: false,
    effect: 'fade',  fadeEffect: { crossFade: true },
    virtualTranslate:  false,


});

var mySwiperPersonItem = new Swiper('.swiper-container-person-item', {
    slideToClickedSlide:true,

    // Если вам нужно двигаться вперед и назад
    navigation: {
        nextEl: '.btn-about-crumb-next',
        prevEl: '.btn-about-crumb-prev',
    },
    slidesPerView: 3,
    spaceBetween: 10,
    loop: true,

    thumbs: {
        swiper: mySwiperPerson
    },

    breakpoints: {

        1279: {
            slidesPerView: 3,
            spaceBetween: 60,

        },

    }


})

возникла необходимость убрать
loop: true,
у слайдера mySwiperPersonItem

но как только убираю слайды перестают переключаться по клику
slideToClickedSlide:true,
есть ли способ настроить и сделать без пролистования.Слайдов всего три. Спасибо

Comments

[Danny Arty]

Ну дык а что там пролистывать, если слайдов всего 3, slidesPerView у вас указано 3 и при это отключен loop?

[Алекс]

Danny Arty, можно ли сделать чтоб срабатывало по клику при отключенном loop?

[Danny Arty]

Алекс, по клику по чему? по кнопке навигации или по слайду? Можно, но у вас количество слайдов должно быть больше, чем указано в slidesPerView. Вы сами чуть-чуть подумайте. У вас отключен loop, значит слайды не дублируются, во вьюпорте показывается по 3 слайда и у вас при этом всего 3 слайда. Ну нажали вы по кнопке навигации и куда она должна будет прокрутить?

Answer 1

[Алекс]

вопрос снят- нашел решение, всем спасибо