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

Question

我正在掌握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
        }

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

Answer 1

如果用'$ DisplayPieces：2'替换'$ DisplayPieces：12'，你会看到它移动。

你将$ DisplayPieces设置为12，幻灯片数量总共为3，然后$ DisplayPieces减少到3。

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