即使下一张幻灯片没有足够的元素来制作完整的幻灯片,如何强制滑动滑块进行完整滑动?

时间:2015-03-12 08:38:09

标签: javascript jquery html css

我的观点是:如果我有two张幻灯片,并且我想在每张幻灯片中显示4个元素,但总共只有6个元素,则表示如下:

First slide: 1 2 3 4

Second slide: 3 4 5 6

但是我希望它只显示second slide56并让它绕一整圈,这是否可能,如果是这样的话 - 是否有人这样做并且可以告诉我如何做到这一点?

修改

光滑的结构基本如下:

<div class="products">
  <div>...</div>
  <div>...</div>
  <div>...</div>
  <div>...</div>
  <div>...</div>
  <div>...</div>
</div>

光滑的选项:

    $('.products').slick({
      dots: false,
      infinite: true,
      speed: 300,
      slidesToShow: 4,
      slidesToScroll: 4,
      responsive: [
        {
          breakpoint: 950,
          settings: {
            slidesToShow: 3,
            slidesToScroll: 3,
            infinite: true,
            dots: false
          }
        },
        {
          breakpoint: 760,
          settings: {
            slidesToShow: 2,
            slidesToScroll: 2,
            infinite: true,
            dots: false
          }
        }
      ]
    });
  }

0 个答案:

没有答案