JSSORサムネイルナビゲータの幅を変更する方法

Question

サムネイルナビゲータで表示されている画像が表示されるようにJSSOR移行ライブラリを使用しようとしています。

彼らのデモを見たことがあり、垂直方向のモードでナビゲーションバーの幅を変更するためにいくつかの設定を変更しようとしましたが、その中の空白スペースをターゲットにしているようです。

私がやったすべてのものは、サムネイル自体の画像サイズを変更します.Cromes Developer Toolsで要素を取得しても、要素の幅を変更できません。

私は空白スペースについて何を意味するのかを示すために画像を付けました。

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
            }

.