嵌套滑块添加

我想从下面的链接中模仿嵌套滑块。我能做到这一点的唯一方法是复制源代码和修剪横幅等嵌套滑块添加

夫妇的问题：

有没有办法来确定与CSS这个特定示例的源代码和JS？
我试图添加另一个嵌套部分....现在的例子有3 ...并没有成功...... 我加anohter sliderh4_container这里

$ Jssor $。每个$（[ “sliderh1_container”， “sliderh2_container”， “sliderh3_container”， “sliderh4_container”]，功能（数据筒）{

但不能似乎得到这个工作... 而在HTML然后加滑盖容器。 ...

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

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

来源

2014-10-17 Jay

看来，所有四个在那里，但我只能看到另一个，当我选择一个现有的......如果这是有道理的......我需要更改的代码，以便所有4都可以从得到去... – Jay 2014-10-17 13:39:53

好吧我是正确的我上面添加的代码添加了第四滑块容器......但我无法弄清楚如何显示所有4容器在嵌套容器示例的底部...请帮助 – Jay 2014-10-17 19:10:33

您可以调整缩略图大小。

例如，调整大小从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 
}

来源

2014-10-18 08:35:02 jssor

当时我身边那个......不能相信我错过了......谢谢你的额外眼睛....非常感谢。 – Jay 2014-10-20 15:00:23

嵌套滑块添加

回答

相关问题