如何在Swiper中实现淡出淡入切换效果？

Question

swiper 设置切换效果不生效

 :effect="fade"
      :fadeEffect="{
        crossFade: true
      }"

我想将swiper切换效果 设置成淡出淡出这种
但是我在代码中这样子设置没有生效是为什么 在控制台报了个 fade在渲染期间被访问，但没有在实例中定义
使用的swiper版本为8.3.2

啊啊啊

Answer 1

你看看demo是这个效果不

swiper effect 文档

var swiper = new Swiper(".swiper-container", {
  // 设置为淡入淡出模式
  effect: "fade",
  .....
  .....
});