jquery - 如何使JSSOR滑块缩略图导航旋转

我正在吊住ThumbnailNavigationOptions。

我想要发生的是像在本演示中一样将缩略图向右移动：

moving thumbnails

在我的页面上，一切看起来都正常，但是缩略图不动：

not moving thumbnails

我所有的代码都在html源代码中，但这是我的ThumbnailNavigatorOptions脚本：

ThumbnailNavigatorOptions: {
            $Class: $JssorThumbnailNavigator$,
            $ChanceToShow: 2,
            $Lanes: 1,
            $Loop: 3, //[Optional] Enable loop(circular) of carousel or not, 0: stop, 1: loop, 2 rewind, default value is 1
            $SpacingX: 3, //[Optional] Horizontal space between each thumbnail in pixel, default value is 0
            $SpacingY: 3, //[Optional] Vertical space between each thumbnail in pixel, default value is 0
            $DisplayPieces: 12, //[Optional] Number of pieces to display, default value is 1
            $AutoCenter: 1
        }

如果我的代码或解释中缺少任何内容，请询问。

最佳答案

如果将“ $ DisplayPieces：12”替换为“ $ DisplayPieces：2”，则会看到它移动。

您将$ DisplayPieces设置为12，幻灯片总数为3，然后$ DisplayPieces减少为3。

当$ DisplayPieces等于或大于幻灯片计数时，它没有循环的机会。
要使其循环/滚动，应将$ DisplayPieces设置为小于幻灯片计数。