Written by Kasumi

swiperスライダーでマウスホバーにより自動再生が止まる原因。解決方法

swiperスライダーでマウスホバーにより自動再生が止まる。

マウスホバーしても自動再生を止めたくない。

本記事ではこのような悩みを解決します。

disableOnInteractionプロパティをfalseにする

      const swiper = new Swiper('.swiperslider', {
        autoplay: {
          //falseにする
          disableOnInteraction: false,
        },
      });

swiperのautoplayにdisableOnInteractionプロパティを追加。

設定をfalseにします。

以上でマウスホバーしても自動再生が止まる事はありません。

まとめ

swiperスライダーでマウスホバーにより自動再生が止まる原因。解決方法について紹介しました。

以上で解説を終わります。

目次

関連記事

JavaScript

【JavaScript】キーボードで入力したキー値を取得する方法

2023.01.23
1501
JavaScript

【CSS・JS】本文を透過グラデーションで隠して、もっと見るボタンで開閉するアコーディオンを実装する方法

2023.01.28
5433
JavaScript

JavaScriptを使い、目次をプラグイン無しで自動生成する方法

2022.10.31
1498
JavaScript

JavaScriptでHTMLタグに属性を追加する方法

2023.01.08
6830