Question

I’d like to integrate a pagination in photo gallery project.

Ex: << previous 1 2 3 next >>

Let’s say I have 13 photos and want to display on each page first 6 photos. So in total, I must have 3 pages of 6 photos each and each page number is clickable to display the maximum of 6 photos…

How would I proceed the right method?

Here’s what I though:

var totalPhotos:uint;
var maxNumberThumbPerPage:uint = 6;
var totalPage:uint;

totalPhotos = tabPhoto.length;
totalPage = Math.ceil(totalPhotos/maxNumberThumbPerPage);

Answer 1

create a function that goes something like this

var imagesArray:Array = [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17];

function createPage($pageNum:int, $perPage:int = 6):Array{ // though vector is preferred
    // imagesArray - the array holdig all the images
    var iStart:int = $pageNum * $perPage;
    var iEnd:int = ($pageNum + 1) * $perPage;
    if (iEnd > imagesArray.length) { iEnd = imagesArray.length}
    return imagesArray.slice(iStart, iEnd);
}

trace( createPage(0));
trace( createPage(1));
trace( createPage(2));

this will get you the content of each page, this is one of the trickier parts, but as you can see still pretty simple.

other part would be to create the navigation and create the rendering part