Javascript 如何加载一个巨大的画廊的部分照片，对游客的行动？

在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张照片，如果访问者单击“显示更多”或他位于页面底部，那么脚本将显示更多照片

---

我以前遇到过这样一个案例，但是有一个XML文件，我解决了它。问题是如何使用这个js文件？我的选择是什么？

你可以试试懒洋洋的。查看谷歌：@Johan谢谢你的链接。因此，如果我理解正确，脚本与页面中的脚本是独立工作的，还是必须与页面的脚本链接？典型的lazyload脚本准备所有图像，但仅在用户的视口中有实际文件时才加载它们。在大多数情况下，这应该独立于现有代码。@Johan明白了。我现在正在试