Jssor Cant靠近滑梯朦胧

时间:2015-03-31 18:25:04

标签: jssor

我正在使用near by滑块,我想知道如何调整附近显示的其他2张幻灯片。

enter image description here

1 个答案:

答案 0 :(得分:0)

默认情况下,一张幻灯片将填充幻灯片容器。

但如果你设置$ SlideWidth小于'幻灯片'容器宽度,有可能在幻灯片容器中显示更多幻灯片。

参见以下示例

<script>
    jQuery(document).ready(function ($) {
        var options = {
            ...
            $SlideWidth: 600,                                   //[Optional] Width of every slide in pixels, the default is width of 'slides' container
            $Cols: 2,                                  //Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
            $Align: 100,                                //The offset position to park slide (this options applys only when slideshow disabled).
            ...
        };

        var jssor_slider1 = new $JssorSlider$("slider1_container", options);
    });
</script>

<div id="slider1_container" style="... width: 800px; ...">
    <div u="slides" style="... width: 800px; ...">
        ...
    </div>
</div>

参考:http://www.jssor.com/demos-jquery/nearby-image-partial-visible-slider.source.html