Question

我试图通过以下链接模仿嵌套滑块。我能够做到这一点的唯一方法是复制源代码并修剪横幅等。

夫妻问题：

有没有办法使用CSS和JS找到这个特定示例的源代码？
我正在尝试添加另一个嵌套部分....现在示例有3 ...并且已经失败... 我在这里添加了anohter sliderh4_container

$ Jssor $。$ each（[＆＃34; sliderh1_container＆＃34;，＆＃34; sliderh2_container＆＃34;，＆＃34; sliderh3_container＆＃34;，＆＃34; sliderh4_container＆＃34;]，function（ containerId）{

但似乎不能让这个工作...... 然后在HTML ....中添加了滑块容器。

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

任何想法....帮助？提前谢谢......

Answer 1

您可以调整缩略图大小。

例如，要将缩略图从200 x 100调整为150 x 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
}

嵌套滑块添加

1 个答案: