Question

Basically, i have a gallery which already limits the number of items to 30, but rather than limiting, i would like to have a “next and Prev” button on either side to basically add or swap lists onced pressed.

I’m thinking pretty simple, just an arrow button, once it’s pressed it simply slides and fades out the first page and slides in and fades in the second and so on.

If possible, is it able loop? as in if it’s reached the end and they click next, it just adds in more up to the limit of 30?

If it helps, Here’s my current site: http://www.shannonhochkins.com

Answer 1

You need to show gallery’s example for swapping next object but i can help with pagination problem easly: I have asked the similar question this week; How to create simple next and prev trigger button for slider's pagination buttons?

Here is working jsFiddle. and here is Aaron Romine’s answer:

$(".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");
    }
});