1

我已经实现了 jssor 滑块，它大部分都可以工作，但我发现了一个让我感到困惑的角落案例。

以下变量涉及 $StartIndex、$Cols 和 $Align。

当 $StartIndex 为零时，一切正常。当图像数量大于 $Cols 时，一切正常。我的意思是显示所有图像，并且当前图像在拇指显示中居中，由 $Align 设置。

当图像数量小于或等于 $Cols 且 $StartIndex 不为零时，一些拇指将隐藏在左侧 - 就像 $Align 设置为零一样。拇指可以拖动到位并且一切正常从那时起，但这显然不是我想要的。这是代码：

    var options = {
    $AutoPlay: false,
    $AutoPlayInterval: 4500,
    $PauseOnHover: 3, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, default value is 1

    $DragOrientation: 3,
    $Loop: false,
    $ArrowKeyNavigation: true,
    $SlideDuration: 300,
    $FillMode: 1,
    $LazyLoading: 5,
    $StartIndex: 3,

    $SlideshowOptions: {
        $Class: $JssorSlideshowRunner$, 
        $Transitions: _SlideshowTransitions,
        $TransitionsOrder: 1,
        $ShowLink: true
    },
    $ArrowNavigatorOptions: {
        $Class: $JssorArrowNavigator$,
        $ChanceToShow: 2
    },
    $ThumbnailNavigatorOptions: {
        $Class: $JssorThumbnailNavigator$,
        $ChanceToShow: 2,
        $ActionMode: 1,
        $SpacingX: 10,
        $Cols: 8,
        $Align: 470
    }
};

var jssor_slider1 = new $JssorSlider$("slider1_container", options);
4

0 回答 0