Swiperの無限ループが止まるバグでアップデートできなかった人たちへ

Swiper v9からのバグ

以下のバグを見てSwiperのアップグレードをしていない人は多く、弊社のスタッフのコードにもv8を利用しているものがあった。

スライダー無限ループ（swiper使用： v9だと無限ループが途中で止まる 30min（swiper-slideの数に対して、slidesPerViewの指定は半分に指定しないと正常に動かない！）→v8だと正常にループする）
https://codepen.io/tera-ono/pen/Podjjmp

Swiper v11 で loopedSlides が停止された

loopedSlides parameter has been removed. If it breaks your slider loop behavior - try to use new loopAdditionalSlides parameter
https://swiperjs.com/migration-guide-v11#loop-mode

loopedSlides は削除されました、動かない場合は loopAdditionalSlides を使ってね。
とのこと。

また、 ChangeLog にも autoplay関係の修正が入っている。

差し替えてみる

上記のCodePenのソースを書き換えてみる

1. HTMLタブ

   - https://cdnjs.cloudflare.com/ajax/libs/Swiper/9.1.0/swiper-bundle.min.js
   + https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.3/swiper-bundle.min.js
   

2. JSタブ
   loopedSlides を loopAdditionalSlides に差し替えてコメントを外す（2箇所）

結果

問題なく動作します。素敵。

備考：実は loopedSlides（loopAdditionalSlides） はそんなに必要ない。

大抵の場合は指定なしでも問題なく動作する。
なにか不都合が発生した場合のみ設定すればよい（v9~10でも）