在 swiper js 中使用淡入淡出效果时，自动播放在 1 次淡入淡出后停止

Question

我有一个滑块，我想将其设置为自动播放并具有淡入淡出效果。使用普通幻灯片效果时一切正常，但在我添加淡入淡出后，它在 1 淡入淡出后停止工作。它也没有淡入淡出，只是立即切换到下一张幻灯片，只有当我手动使用鼠标滑动时它才会显示出淡入淡出的效果。

可能是什么问题？

在我的 js 文件中，我像这样导入“EffectFade”：

import Swiper, {Autoplay, Navigation, Pagination, EffectFade} from 'swiper';
Swiper.use([Autoplay, Navigation, Pagination, EffectFade]);

然后是我的刷卡代码：

new Swiper('#agrarisch .swiper-container', {
    slidesPerView: 1,
    // spaceBetween: 30,
    effect: 'fade',
    autoplay: {
        delay: 2500,
    },
    navigation: {
        nextEl: '#agrarisch .swiper-button-next',
        prevEl: '#agrarisch .swiper-button-prev',
    }
});

Example video

Answer 1

我也遇到了同样的问题。 就我而言，我通过加载“swiper-bundle.min.css”而不是“swiper.min.css”来解决它。