动态分页和延迟加载

Question

我用for语句在PHP中创建了80个图像集。 但是，图像加载时间太长。 我尝试使用延迟加载为我的画廊实现分页。 我使用了jQuery的simplePager和lazyLoad，但是没有用。 还有另一种方法吗？

Answer 1

您可能会做的一个愚蠢的错误是您正在加载整个图像，我为我的图片库所做的就是将所有图像都存储在数据库中，并从中动态地为每个图像生成一个缩略图（因此尺寸更小）-然后将其缓存在服务器中，以节省以后的处理时间，然后当用户希望查看图像时，单击该图像，也就是我发送完整图像时。 这样，我就不必发送更多图像了。

由于您使用的是php查找gd库或imagick的库，因此您可以使用其中任一方法进行搜索，然后在网络上搜索以查找更适合您的库。

希望这可以帮助！

Answer 2

在DOM中添加一些不显示给用户的图像标签，例如使用CSS：

img.loader {
    position: absolute;
    left: -10px;
    width: 1px;
    height: 1px;
}

然后创建一个JavaScript，以在标记中添加一个图像。 在onLoad事件中添加一个侦听器，您可以使用jQuery来做到这一点。

var myImages = []; // Array contains your list of imagens to be loaded
function loadImage(i) {
    if myImages.lenght <= i return;
    img = $("<img>").attr({"src":myImages[i], "class":"loader"});
    img.load(arguments.callee(i++);
    $(document.body).append(img);   
}
if myImages.lenght > 0 loadImage(0);