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

Jquery 如何使JSSOR滑块缩略图导航旋转,jquery,jssor,Jquery,Jssor,我正在掌握缩略图导航选项的窍门 我想让缩略图向右移动,就像在本演示中一样: 在我的页面上,所有内容看起来都正常工作,但缩略图不动: 我的所有代码都在html源代码中,但以下是我的ThumbnailNavigatorOptions脚本: ThumbnailNavigatorOptions: { $Class: $JssorThumbnailNavigator$, $ChanceToShow: 2, $Lanes: 1,

我正在掌握缩略图导航选项的窍门

我想让缩略图向右移动,就像在本演示中一样:

在我的页面上,所有内容看起来都正常工作,但缩略图不动:

我的所有代码都在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等于或大于slide count时,它就没有机会循环。
要使其循环/滚动,您应该将$DisplayPieces设置为小于幻灯片计数。

保持出色,我的朋友。