como alterar a largura do navegador de miniaturas jssor

Question

Estou tentando usar a biblioteca de transição jssor para exibir minhas imagens com navegadores de miniaturas.

Eu vi suas demonstrações e tentei alterar algumas configurações para alterar a largura da barra de navegação enquanto ela estava no modo vertical, mas não consigo direcionar o espaço em branco dentro dela.

Tudo o que fiz altera o tamanho da imagem da miniatura, mesmo ao obter o elemento com ferramentas de desenvolvedor do Chrome, não consigo alterar a largura do elemento.

Anexei uma imagem para mostrar o que quero dizer sobre o espaço em branco.

http://imgur.com/TWsLexS

Qual é a maneira correta de manipular a largura desta barra de navegação para que eu possa parar de ter espaços pretos ao redor das miniaturas?

Answer 1

Eu tenho o que você quer dizer exatamente.

Observe que o controle deslizante é com 'contêiner externo', "contêiner de lâminas" e "contêiner de navegação no thumbnail". 'Recipiente de lâminas' e 'contêiner de navegador de miniaturas' está no 'recipiente externo'.

Você tem algo certo.Em seguida, você só precisa ajustar o tamanho do 'contêiner externo', e ajustar a posição do "contêiner de lâminas"

Answer 2

Altere o tamanho do elemento do navegador de miniaturas,

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

Answer 3

Existem algumas opções para fazer este trabalho, como $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
            }