nobee

update: 1302view

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

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

Swiperで残像を消す設定

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

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

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

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

      fadeEffect: {
        crossFade: true
      },
    

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

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

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

share

人気記事