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

【问题标题】：How to make JSSOR Slider Thumbnail Navigation rotate如何使 JSSOR 滑块缩略图导航旋转
【发布时间】：2014-09-03 02:40:29
【问题描述】：

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

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

【问题讨论】：

标签： jquery jssor

【解决方案1】：

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

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

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

【讨论】：

保持真棒，我的朋友。