JSSOR Thumbnail Navigator의 너비를 변경하는 방법

Question

JSSOR 전환 라이브러리를 사용하여 이미지를 썸네일 탐색기로 표시하는 이미지를 갖도록 노력하고 있습니다.

나는 그들의 데모를 보았고 수직 모드에서 탐색 막대의 너비를 변경하기 위해 설정을 변경하려고 시도했지만, 그 안에있는 빈 공간을 대상으로하는 것 같습니다.

Dome Domaily Thumbnail 자체의 이미지 크기를 변경합니다. Chromes 개발자 도구로 요소를 가져 오는 경우에도 요소의 폭을 변경할 수 없습니다.

나는 공백을 의미하는 것을 보여주기 위해 이미지를 첨부했습니다.

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
            }

.