Thumbnail Navigator does not display images before start index

Question

I am using Jssor Thumbnail Slider in my project.

You can see options below:

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);

If $StartIndex is different than 0, images before $StartIndex cant be displayed in thumbnail navigator.

Is there a way to see all images in thumbnail navigator even $StartIndex is not 0?

And also i have one more problem with thumbnail navigator. When i navigate between images, thumbnail navigator auto-rotate itself and thumbnail of current image goes top if there are more items than $Cols.

I want to display thumbnail of current image at the mid of thumbnail navigator. Is there an option for this?

This is my second question about Jssor. First one hasnt been replied yet. I hope this question can get any answer.

Many thanks in advance!
M.

Answer 1

The issue of thumbnail display with option $Loop:0 has been fixed. Please download the latest version.

Also, please set $Align to align active thumbnail. For example

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

Images display with no problem if $StartIndex is different than 0.

Open the link below, you can set settings to see how it works.

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