Swiperでloopをtrueにしている時スライドの数が奇数だと不具合が起こる対処方法

Swiperを使った制作をしていた時にドハマりしたポイントなので備忘録。

まずは結論のコードから記載します。

内容としては、スライドをすべて取得してスライドが奇数だった時にcloneNodeで複製し、元のスライドの数×2にして奇数を偶数になる様にし、その後ページネーションの矛盾を解消するために、ページネーションの数をもとの数にして複製したスライドの数値(index)と元のスライドの数値(index)を合わせて、表側からは元のスライドだけ見えているようにしています。

実際DOMを見てみると、スライドの数が2倍になっていることがわかるかと思います。