我正在使用Mobify个旋转木马。我想把它作为Infite滑块。 为此,我通过
更改JS代码if (newIndex < 1) {
newIndex = length;
} else if (newIndex > this._length) {
newIndex = 1;
}
但是当我到达最后一张图片然后点击下一张它从右到左依次转到第一张图片。我想让它从左到右为最后一个图像,从右到左为第一个图像。它可以作为一个无限循环
答案 0 :(得分:0)
我已经为你解决了这个问题,我会告诉你我的测试用例...然后我会告诉你我为你做了什么调整。
+-------------+------------+-----------+--------------------+-------+--------+---------------------+----------------+----------------+
| Customer_ID | First_Name | Last_Name | Email_Address | State | GROUP_ | Timestamp_ | Prod_Name | Prod_desc |
+-------------+------------+-----------+--------------------+-------+--------+---------------------+----------------+----------------+
| 4 | Leon | Durham | ldurham@cubs.com | CA | A | 2016-01-25 03:04:22 | Baseball glove | Rawlings glove |
| 1 | Bob | Dernier | bdernier@cubs.com | IL | A | 2016-01-25 02:58:45 | Baseball glove | Rawlings glove |
| 2 | Ryan | Sandberg | rsandberg@cubs.com | IL | A | 2016-01-25 03:02:27 | Baseball glove | Rawlings glove |
| 1 | Bob | Dernier | bdernier@cubs.com | IL | A | 2016-01-25 02:58:45 | Jersey | Chicago jersey |
| 5 | Kieth | Moreland | kmoreland@cubs.com | IL | A | 2016-01-25 03:05:52 | Baseball glove | Rawlings glove |
| 1 | Bob | Dernier | bdernier@cubs.com | IL | A | 2016-01-25 02:58:45 | Hat | Cubs hat |
| 7 | Ron | Cey | rcey@cubs.com | YN | B | 2016-01-25 03:07:53 | Baseball glove | Rawlings glove |
| 6 | Jody | Davis | jdavis@cubs.com | YN | B | 2016-01-25 03:07:08 | Baseball glove | Rawlings glove |
+-------------+------------+-----------+--------------------+-------+--------+---------------------+----------------+----------------+
这只显示一个循环,迭代大小为6的东西,并将其重置为0,一个连续的循环向前。同样,在另一个方向。
var len = 6;
for (var i = 0; i < 100; i++){
console.log("value:", Number(i%len));
}
所以你可以得到mod来推进工作。对于反向,-1不会用len来修改以循环回到结尾,所以你可以说:
var len = 6;
for (var i = 100; i >= 0; i--){
console.log("value:", Number(i%len));
}
如果var len = this._length;
newIndex%=len;
if(newIndex < 0){
newIndex = len;
}
出现问题,则表示您定义的len
存在问题。你需要确保你理解当有一系列项目时,比如说:6 ....他们的指数实际上是0到5。
根据您的问题,这可能是次要问题。