como alterar a largura do navegador de miniaturas jssor
Pergunta
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.
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?
Solução
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"
Outras dicas
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;">
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
}