Я реализовал слайдер 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);