javascript - Flickity 选项 groupcells 和 wraparound 以及不均匀数量的单元格

Question

我正在尝试创建一个始终显示两张幻灯片的无限滑块。
Flickity 滑块有两个选项：groupcells 和 wrap around。

问题是，如果细胞数量不均匀，比如说五个细胞，第五个细胞将是单独的。所以分组如下：[1, 2] [3, 4] [5]。
我希望分组为 [1, 2] [3, 4] [5, 1] [2, 3] [4, 5] [1, 2]。

我的一个想法是复制单元格的 HTML，这样你就有 10 个而不是 5 个单元格，因此是偶数。

如果有人有更好的主意，我想知道。

这是问题的代码笔。

<!-- Flickity HTML init -->
<div class="carousel" data-flickity='{ "groupCells": 2, "wrapAround": true }'>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
   <div class="carousel-cell"></div>
  <div class="carousel-cell"></div>
</div>