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

Question

我得到了ThumbnailNavigationOptions的窍门。

我希望发生的是有缩略图移动到右边，就像他们在这个演示做：

moving thumbnails

在我的网页，一切看起来像它的工作，但缩略图唐” T移至：

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：12'替换为'$ DisplayPieces：2'，您将看到它移动。

您可以设置$ DisplayPieces至12，和幻灯片的数量完全是3，那么$ DisplayPieces下降到3

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