jquery - 简单的分页？

Question

基本上，我有一个已经将项目数量限制为 30 个的画廊，但我希望在任一侧都有一个“下一个和上一个”按钮，以便在按下后基本上添加或交换列表。

我在想很简单，只是一个箭头按钮，一旦按下它，它就会滑动并淡出第一页，然后滑入并淡入第二页，依此类推。

如果可能的话，它可以循环吗？好像它已经到了尽头，然后他们点击下一步，它只是增加了更多，达到了 30 的限制？

如果有帮助，这是我当前的网站：www.shannonhochkins.com

Answer 1

您需要展示画廊的交换下一个对象的示例，但我可以轻松解决分页问题：本周我问了类似的问题；如何为滑块的分页按钮创建简单的下一个和上一个触发按钮？

这是工作的jsFiddle。这是 Aaron Romine 的回答：

$(".next").click(function(){
    if($("li.active").next().length > 0){
        $("li.active").removeClass("active").next("li").addClass("active");
    }
});
$(".prev").click(function(){
    if($("li.active").prev().length > 0){
        $("li.active").removeClass("active").prev("li").addClass("active");
    }
});