嵌套滑塊添加

Question

我想從下面的鏈接中模仿嵌套滑塊。 我能做到這一點的唯一方法是複製源代碼和修剪橫幅等

夫婦的問題：

1. 有沒有辦法來確定與CSS這個特定示例的源代碼和JS？

2. 我試圖添加另一個嵌套部分....現在的例子有3 ...並沒有成功...... 我加anohter sliderh4_container這裏

$ Jssor $。每個$（[ 「sliderh1_container」， 「sliderh2_container」， 「sliderh3_container」， 「sliderh4_container」]，功能（數據筒）{

但不能似乎得到這個工作... 而在HTML然後加滑蓋容器。 ...

http://www.jssor.com/index.html

ANY IDEAS .... help？在此先感謝...

Answer 1

您可以調整縮略圖大小。

例如，調整大小從200×100到150×100，請更換縮略圖，

<div u="slides" style="cursor: move;"> 
    <div u="prototype" class=p style="POSITION: absolute; WIDTH: 200px; HEIGHT: 100px; TOP: 0; LEFT: 0;"> 
     <thumbnailtemplate style="WIDTH: 200px; HEIGHT: 100px; border: none; position: absolute; TOP: 0; LEFT: 0; "></thumbnailtemplate> 
    </div> 
</div> 

與

<div u="slides" style="cursor: move;"> 
    <div u="prototype" class=p style="POSITION: absolute; WIDTH: 150px; HEIGHT: 100px; TOP: 0; LEFT: 0;"> 
     <thumbnailtemplate style="WIDTH: 150px; HEIGHT: 100px; border: none; position: absolute; TOP: 0; LEFT: 0; "></thumbnailtemplate> 
    </div> 
</div> 

此外，您需要更改$ DisplayPieces從3到4，

$ThumbnailNavigatorOptions: { 
    $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 
    $AutoCenter: 3,         //[Optional] Auto center thumbnail items in the thumbnail navigator container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 3 
    $Lanes: 1,          //[Optional] Specify lanes to arrange thumbnails, default value is 1 
    $SpacingX: 0,         //[Optional] Horizontal space between each thumbnail in pixel, default value is 0 
    $SpacingY: 0,         //[Optional] Vertical space between each thumbnail in pixel, default value is 0 
    $Cols: 4,        //[Optional] Number of pieces to display, default value is 1 
    $Align: 0,       //[Optional] The offset position to park thumbnail 
    $Orientation: 1,        //[Optional] Orientation to arrange thumbnails, 1 horizental, 2 vertical, default value is 1 
    $DisableDrag: false       //[Optional] Disable drag or not, default value is false 
}