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/

滚动工作，一切都很好，除了“幻灯片”占据整个宽度，因此一次只显示一个徽标，我试过，但我找不到解决方案。

感谢您的帮助！

问候，克里斯

Answer 1

通过添加......

来修复它

$SlideWidth: 165

： - ）

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

1 个答案: