jquery - Cycle 2 堆叠转盘

标签 jquery css carousel jquery-cycle2

我有一个 Cycle 2 Carousel,类似于 Cycle 2 carousel 页面上的第二个示例: here

幻灯片是六张并排的:

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

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

[1][2][3]

[4][5][6]

箭头在两侧居中。有什么方法可以做到这一点还是不可行?

谢谢!

最佳答案

这可以通过将幻灯片按 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>

关于jquery - Cycle 2 堆叠转盘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25413622/

相关文章:

jquery - jQuery-UI 如何知道如何绑定(bind)作为 init 选项提供的事件回调?

css - 为什么图像前有空白?

javascript - 如何使用 javascript 创建动态 ID,然后链接到轮播上的帖子?

html - 样式按钮 : Use Anchor or Input?

javascript - 如何在jquery中单击时将轮播元素移动到中间

javascript - Bootstrap 轮播

javascript - 单击时使用 jquery 从数据网格行获取值

javascript - 从 url 获取 php 输出

javascript - 执行和格式化 jQuery 汉堡菜单

jQuery 添加和删除带有过渡的类背景