Как изменить ширину миниатюр JSSOR Navigator

Question

Я пытаюсь использовать библиотеку переходов JSSOR, чтобы иметь мои изображения, отображаемые с помощью миниатюрных навигаторов.

Я видел свои демонстрации и попытался изменить некоторые из настроек для изменения ширины навигационной панели во время его в вертикальном режиме, но я не могу нацелиться на пустое пространство внутри него.

Все, что я сделал, меняет размер изображения миниатюра, даже при получении элемента с инструментами разработчика хромов я не могу изменить ширину элемента.

Я приложил изображение, чтобы показать, что я имею в виду о пустом пространстве.

http://imgur.com/twslexs

Какой правильный способ манипулировать шириной этой панели навигатора, чтобы я мог перестать иметь черные пространства вокруг миниатюр?

Answer 1

Я получил то, что именно ваше означает.

Обратите внимание, что слайдер с «внешним контейнером», «контейнер для слайдов» и «эскиз навигатора». «Слайды контейнера» и «контейнер навигатора миниатюр» находится в «внешнем контейнере».

У вас есть что-то правильно.Далее вам просто нужно настроить размер «внешнего контейнера» и настроить положение «Контейнер для слайдов»

Answer 2

Пожалуйста, измените размер элемента навигатора миниатюр,

<div u="thumbnavigator" class="jssort02" style="position: absolute; width: 240px; height: 480px; left:0px; bottom: 0px;">

.

Answer 3

Есть несколько вариантов для выполнения этой работы, например, $ spacingx, $ spacingy,

            $ThumbnailNavigatorOptions: {                       //[Optional] Options to specify and enable thumbnail navigator or not
                $Class: $JssorThumbnailNavigator$,              //[Required] Class to create thumbnail navigator instance
                $ChanceToShow: 2,                               //[Required] 0 Never, 1 Mouse Over, 2 Always

                $ActionMode: 1,                                 //[Optional] 0 None, 1 act by click, 2 act by mouse hover, 3 both, default value is 1
                $Lanes: 2,                                      //[Optional] Specify lanes to arrange thumbnails, default value is 1
                $SpacingX: 14,                                   //[Optional] Horizontal space between each thumbnail in pixel, default value is 0
                $SpacingY: 12,                                   //[Optional] Vertical space between each thumbnail in pixel, default value is 0
                $Cols: 6,                             //[Optional] Number of pieces to display, default value is 1
                $Align: 156,                          //[Optional] The offset position to park thumbnail
                $Orientation: 2                                //[Optional] Orientation to arrange thumbnails, 1 horizental, 2 vertical, default value is 1
            }

.