Question

我在我的项目中使用Jssor Thumbnail Slider。

您可以看到以下选项：

var ajxSayfa = $('#itSayfa').val();
if(''==ajxSayfa || null==ajxSayfa){
    ajxSayfa = '0';
}

console.log(ajxSayfa);

var jssor_1_options = {
        $StartIndex: ajxSayfa,
        $AutoPlay: 0,
        $Loop:0,
        $ArrowNavigatorOptions: {
        $Class: $JssorArrowNavigator$
        },
        $BulletNavigatorOptions: {
            $Class: $JssorBulletNavigator$,
            $Rows: 4,
            $SpacingX: 5 
        },
        $ThumbnailNavigatorOptions: {
            $Class: $JssorThumbnailNavigator$,
            $Rows: 1,
            $Cols: 6,
            $Orientation: 2,
            $AutoCenter: 2,
            $Loop:0,
        }
      };

var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);

如果$ StartIndex不是0，则$ StartIndex之前的图像不能显示在缩略图导航器中。

有没有办法在缩略图导航器中查看所有图像，即使$ StartIndex不是0？

此外，我还有一个缩略图导航器的问题。当我在图像之间导航时，缩略图导航器会自动旋转，当前图像的缩略图如果有多于$ Cols的项目则会上移。

我想在缩略图导航器中间显示当前图像的缩略图。这有选择吗？

这是关于Jssor的第二个问题。第一个还没有回复。我希望这个问题可以得到任何答案。

非常感谢提前！ M.

Answer 1

选项$Loop:0的缩略图显示问题已修复。请下载最新版本。

另外，请设置$Align以对齐活动缩略图。例如

$ThumbnailNavigatorOptions: {
    $Class: $JssorThumbnailNavigator$,
    $Cols: 5,
    $SpacingX: 5,
    $SpacingY: 5,
    $Align: 390
  }

如果$ StartIndex不是0，图像显示没有问题。

打开下面的链接，您可以设置设置以查看其工作原理。

https://www.jssor.com/demos/image-gallery.slider/=edit

缩略图导航器在开始索引之前不显示图像

1 个答案: