简单的分页？ [关闭]

Question

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

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

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

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

Answer 1

您需要展示用于交换下一个对象的画廊示例，但我可以轻松解决分页问题：本周我问了类似的问题； How to create simple next and prev trigger button for slider's pagination buttons?

Here is working 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");
    }
});