如何制作分页照片?

时间:2011-01-20 16:54:47

标签: actionscript-3

我想在照片库项目中整合一个分页。

Ex:<<上一页1 2 3下一页>>

假设我有13张照片,并希望在每张页面上显示前6张照片。总的来说,我必须有3页,每页6张照片,每个页码都可以点击,最多显示6张照片......

我将如何进行正确的方法?

这就是我的意思:

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

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

1 个答案:

答案 0 :(得分:0)

创建一个类似这样的函数

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));

这将为您提供每个页面的内容,这是一个比较棘手的部分,但您可以看到仍然非常简单。

其他部分是创建导航并创建渲染部分