Задать вопрос
@OriginalHater

Почему когда задаю эффект «fade» и параметр «loop» не переключаются слайды?

Когда задаю эффект "fade" и включаю бесконечный цикл слайдов через параметр "loop", слайды не переключаются при нажатии на кнопки навигации. Хотя по свайпу переключаются. Если убрать параметр "loop" начинают переключаться и по кнопкам.
const hero_slider = new Swiper('.hero-slider', {
        modules: [Navigation, EffectFade],
        loop: true,
        effect: "fade",
        fadeEffect: {
            crossFade: true
        },
        navigation: {
            nextEl: '.khutorok-slider-button_next',
            prevEl: '.khutorok-slider-button_prev',
            disabledClass: "khutorok-slider-button_disabled",
        },
    });

В данном коде задан "loop: true" и слайды по кнопкам навигации не меняются.
  • Вопрос задан
  • 823 просмотра
Подписаться 1 Средний 3 комментария
Решения вопроса 1
@OriginalHater Автор вопроса
Проблема решилась подключением файла "swiper-bundle.css" вместо "swiper.css"
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
i229194964
@i229194964
Веб разработчик
Чтобы решить эту проблему, вы можете использовать опцию "autoplay" вместо "loop".
const hero_slider = new Swiper('.hero-slider', {
    modules: [Navigation, EffectFade],
    effect: "fade",
    fadeEffect: {
        crossFade: true
    },
    autoplay: {
        delay: 5000, // время задержки между слайдами
        disableOnInteraction: false, // слайды будут продолжать автоматически переключаться при нажатии на кнопки навигации
    },
    navigation: {
        nextEl: '.khutorok-slider-button_next',
        prevEl: '.khutorok-slider-button_prev',
        disabledClass: "khutorok-slider-button_disabled",
    },
});
Ответ написан
Ваш ответ на вопрос

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

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