JSSOR 连续滑块显示 n 个徽标中的 6 个

Question

我想实现一个连续的水平滚动条，显示 n 个缩略图中的 6 个。用于商店，展示制造商的标志。

使用这些设置：

jQuery(document).ready(function ($) {
    var options = {
        $AutoPlay: true,
        $PlayOrientation: 1,
        $SlideEasing: $JssorEasing$.$EaseLinear,
        $AutoPlayInterval: 0,
        $SlideDuration: 5500,
        $DisplayPieces: 6
    };
    var manufacturers_scroller = new $JssorSlider$("manufacturers_scroller", options);
});

这是我的html/smarty代码

<div class="wrap" id="manufacturers_container">
    <h2>Brauereien</h2>
    <div id="manufacturers_scroller">
        <div u="slides" class="scroll-slides">
            {foreach item=manufacturer from=$manufacturers name=manufacturers_loop}
                <div class="manufacturers_box" id="manufacturer{$manufacturer.manufacturers_id}">
                    <a href="/manufacturer.php?id={$manufacturer.manufacturers_id}">
                        <img src="/images/{$manufacturer.manufacturers_image}" title="{$manufacturer.manufacturers_name}" />
                    </a>
                </div>
            {/foreach}
        </div>
    </div>
</div>

这是对应的css

.manufacturers_box {
  float: left;
  text-align: center;
  margin-bottom: 30px;
  padding: 0 10px 10px 10px;
  img {
    width: 145px;
  }
}
#manufacturers_scroller, .scroll-slides {
  position: relative;
  width: 980px;
  height: 140px;
  overflow: hidden;
}

预览在这里：http://bierweltweit.kerndter.com/

滚动有效，一切正常，除了 "slides" 占据了整个宽度，因此一次只显示一个徽标，我试了一下，但找不到解决方案。

感谢帮助！

此致，克里斯

Answer 1

我自己通过添加修复了它...

$SlideWidth: 165

:-)

JSSOR 连续滑块显示 n 个徽标中的 6 个

JSSOR Continuous slider displaying 6 from n logos

jquery

slider

jssor