javascript - 循环轮播中的 Jssor playTo()

Question

我对 Jssor 的 playTo() 方法有一个简单的问题。我有一个循环播放多个图像的轮播。我使用 playTo() 方法，以便将单击的图像移动到轮播的中心。

但是这有一个问题。当从“新批处理”图像(即最后一张图像之后的图像，当循环再次开始时)中单击图像时，轮播将倒带而不是选择最短路线。

例如，我单击右侧的一个图像(实际上是循环中再次加载的第一个图像)，playTo() 方法将轮播一直倒回到开头(图像原始位置所在的位置)，而不是只需向右移动一步即可。

next() 和 prev() 方法工作正常。当加载最后一张图像并调用 next() 时，轮播只是向右移动一步。如果我使用 playTo()，轮播会一直倒回到第一张图像。

我在文档或堆栈溢出中找不到任何有关此内容的信息。有没有办法强制 playTo() 将轮播移动到所选幻灯片最近的实例(快退或前进到下一个循环中的位置)？如果没有，这将是一个受欢迎的功能，因为它看起来非常合乎逻辑的行为。

提前致谢!

Answer 1

请手动比较要走的距离。

var targetIndex = yourIndex; //yourIndex is the index that you determined to go according to the image clicked.
var currentIndex = jssor_slider1.$CurrentIndex();
var slidesCount = jssor_slider1.$SlidesCount();

if(targetIndex < currentIndex) {
    if(currentIndex - targetIndex > slidesCount - currentIndex) {
        targetIndex += slidesCount;
    }
}
else {
    if(targetIndex - currentIndex > slidesCount - currentIndex) {
        targetIndex -= slidesCount;
    }
}

jssor_slider1.$PlayTo(targetIndex);