• #Swiper
• #残像
• #Javascript

update:2021.3.16　1125view

Swiperで残像があるときの対処法

Swiperで残像を消す設定

画像を自動でスライドしてくれたりと便利なSwiper。設定も簡単だし！

ただ遷移効果をフェードにしていると前の画像の残像がよーーく見ると残っていたりするんです。

そのような場合はfadeEffectの設定が抜けているからだったんです。

設定は下記を追加するだけです。

      fadeEffect: {
        crossFade: true
      },
    

crossFadeはデフォルトではfalseのためフェード時にはcrossFade: trueの設定を必ず！ですね！

      effect: 'fade',
      speed: 600,
      fadeEffect: {
        crossFade: true
      },
      ...
    

以前にもなんで残像が！？！？と悩んで、またも同じことをしているのでこれで次は忘れないはず、のはず。。