jquery - 修改 jQuery Cycle2 的下一个/上一个分页器

Question

我正在使用 Cycle2 创建博客文章轮播。这是我成功使用的代码

<div class="slideshow cycle-slideshow" 
data-cycle-slides=">div" 
data-cycle-fx=carousel     
data-cycle-timeout=0 
data-cycle-carousel-visible=3 
data-cycle-carousel-fluid=true 
data-cycle-next="#next" 
data-cycle-prev="#prev">

当我单击下一张/上一张链接时，它一次前进一张幻灯片。

是否可以使其一次前进 3 张幻灯片？我当前显示 3 个帖子，因此当单击“下一步”按钮时，我希望它显示接下来的 3 个帖子。

基本上我想完成这个http://www.malsup.com/jquery/cycle/div.html使用 Cycle2 但不是 1、2、3...我希望它使用“下一个”/“上一个”按钮。

Answer 1

将您的帖子分类到幻灯片中，然后让节目浏览帖子的幻灯片。

I have a working example here :

<div class="slideShow cycle-slideshow" data-cycle-fx="scrollHorz" data-cycle-timeout="0" data-cycle-next="#next" data-cycle-prev="#prev" data-cycle-slides="> div" >
    <div>
        <img src="http://malsup.github.com/images/p1.jpg">
        <img src="http://malsup.github.com/images/p2.jpg">
        <img src="http://malsup.github.com/images/p3.jpg">
    </div>
    <div>
        <img src="http://malsup.github.com/images/p4.jpg">
    </div>
</div>
<div class="center"> 
    <a href=# id="prev">Prev</a>  
    <a href=# id="next">Next</a>
</div>