@cupacabka

Проблемы со слайдер Swiper?

Добрый день, помогите пожалуста с найтсроками свайпера, что то не могу понять в ченм проблема. Нужно, чтобы на версии пк работал просто перелистыванием, а на разрешении до 600 пикселей включался фейд эффект и отключались стрекли управления.
вот настройки мои из js
let saySlider = new Swiper(".say__slider", {
  effect: "fade",
  autoplay: {
    delay: 3000,
    disableOnInteraction: false,
  },
 navigation: false,
  breakpoints: {
     600: {
     slidesPerView: 1,
      slidesPerGroup: 1,
      initialSlide: 1,
      spaceBetween: 35,
      centeredSlides: true,
      speed: 800,
    effect: "slide",

      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
    },

  },



});

Почему то ломается слайдер. Убираю брейкпоинт он работает но на пк не листается а срабатывает эффект fade. Такое ощущение, что на брейкпоинте в 600 не срабатывает effect: "slide",
  • Вопрос задан
  • 3272 просмотра
Пригласить эксперта
Ответы на вопрос 2
@cupacabka Автор вопроса
Прочитал документацию, Not all parameters can be changed in breakpoints, Such parameters like loop and effect won't work. Получается надо делать дейстрой свайпера, а потом занново его билддить
Ответ написан
Комментировать
@Steppp
А скобки правильно закрываешь? На сколько я знаю надо закрывать скобку перед navigation, в саму навигацию скрывать через css

let saySlider = new Swiper(".say__slider", {
  effect: "fade",
  autoplay: {
    delay: 3000,
    disableOnInteraction: false,
  },
 navigation: false,
  breakpoints: {
     600: {
     slidesPerView: 1,
      slidesPerGroup: 1,
      initialSlide: 1,
      spaceBetween: 35,
      centeredSlides: true,
      speed: 800,
    effect: "slide",
},   //  <-------
},   //  <-------
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",

    },



});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы