如何加载巨大的画廊照片的部分，访问者的行动？

Question

在 data.js 文件中，我的照片库路径如下所示。

var PMalbum = [
    {
        src: "images/moleskineh.jpg",
        caption: "'moleskineh' - By Amir K (childofwar @ flickr)"
    },
    {
        src: "images/888.jpg",
        caption: "'888' - By doug.siefken (siefken @ flickr)"
    }
];

我有数百张照片，而且画廊加载速度太慢。我想在默认情况下只显示 x 数量的照片，如果访问者点击“显示更多”或者他位于页面底部，那么脚本将显示更多照片。< / p>

我有一个这样的案例，但有一个XML文件，我解决了。问题是如何使用此 js 文件执行此操作？我有什么选择？