Mobify 轮播无限滑块答案

【问题标题】：Mobify carousel Infinite sliderMobify 轮播无限滑块
【发布时间】：2016-01-26 01:43:10
【问题描述】：

我正在使用Mobify 轮播。我想把它做成无限滑块。为此，我通过

更改 JS 代码

if (newIndex < 1) {
    newIndex = length;
} else if (newIndex > this._length) { 
    newIndex = 1;
}

但是当我到达最后一张图片时，点击下一步它会从右到左转到第一张图片。我想让最后一张图片从左到右，第一张图片从右到左。它作为一个无限循环工作

【问题讨论】：

【解决方案1】：

我已经为您解决了这个问题，我将向您展示我的测试用例...然后我将向您展示我为您调整它所做的工作。

var len = 6;
for (var i = 0; i < 100; i++){
  console.log("value:", Number(i%len));
}

这只是一个循环，迭代大小为 6 的东西，然后将其重置为 0，这是一个持续循环向前。同样，在另一个方向。

var len = 6;
for (var i = 100; i >= 0; i--){
  console.log("value:", Number(i%len));
}

所以你可以让 mod 继续工作。对于反向，-1 不会用 len 修改循环到最后，所以你可以说：

var len = this._length;
newIndex%=len;
if(newIndex < 0){
  newIndex = len;
}

如果len 存在问题，则表示您定义的this._length 存在问题。您需要确保您了解当有一组项目时，例如：6.... 它们的索引实际上是 0 到 5。

根据您的问题，这可能是次要问题。

【讨论】：