Swiper

フェード(クロスフェード)

script
                  
    window.onload = function () {
      const swiper = new Swiper(".swiper", {
        slidesPerView: 1, //表示枚数
        effect: 'fade',
      });
    }
                  
                
オプション
                  
                    effect: 'fade',
                    ・スライドの動きエフェクト指定

                    'slide'(デフォルト / スライダー)
                    'fade'(スライドがフェードイン・フェードアウトするエフェクト)
                    'cube'(立方体のように3D回転するエフェクト)
                    'coverflow'(スライドが重なって奥行きを感じさせるエフェクト)
                    'flip'(3D反転するようなエフェクト)
                    'cards'(スライドがカードのように切り替わるエフェクト)
                    'creative'(カスタム性の高いクリエイティブなエフェクト)

                  
                

・「Splide」のフェード(クロスフェード)