循环2堆叠的旋转木马

时间:2014-08-20 20:13:37

标签: jquery css carousel jquery-cycle2

我有一个Cycle 2 Carousel,就像第二个循环2轮播页面上的第二个例子: here

幻灯片是六个并排:

< [1] [2] [3] [4] [5] [6]>

我想要的是将它们设置在这样的网格中:

[1] [2] [3]

[4] [5] [6]

箭头位于两侧。任何方式做到这一点还是不可行?

谢谢!

1 个答案:

答案 0 :(得分:0)

这可以通过将幻灯片分组为2来完成。

<div class="slideshow" 
    data-cycle-fx=carousel
    data-cycle-timeout=1000
    data-cycle-carousel-visible=5
    data-cycle-slides="> div"
    >
    <div class="2-images">
       <img src="http://malsup.github.io/images/beach1.jpg">
       <img src="http://malsup.github.io/images/beach2.jpg">
    <div>
    ...

</div>