Php 动态分页和延迟加载

Php 动态分页和延迟加载,php,jquery,Php,Jquery,我使用for语句在PHP中创建了一组80个图像。但是,图像加载时间太长。我尝试使用延迟加载为我的库实现分页。我使用了jQuery的simplePager和lazyLoad,但它不起作用。还有其他方法吗?你可能会犯的一个愚蠢的错误是,你正在加载整个图像,我为我的图像库所做的是,我将所有图像都存储在数据库中,并从中动态生成每个图像的缩略图(因此尺寸更小)-然后将其缓存在服务器中以节省将来的处理时间,然后当用户想要查看图像时,他们单击它,这就是我发送完整图像的时候。这样我就不必发送比我想要的更多的图像

我使用for语句在PHP中创建了一组80个图像。但是,图像加载时间太长。我尝试使用延迟加载为我的库实现分页。我使用了jQuery的simplePager和lazyLoad,但它不起作用。还有其他方法吗?

你可能会犯的一个愚蠢的错误是,你正在加载整个图像,我为我的图像库所做的是,我将所有图像都存储在数据库中,并从中动态生成每个图像的缩略图(因此尺寸更小)-然后将其缓存在服务器中以节省将来的处理时间,然后当用户想要查看图像时,他们单击它,这就是我发送完整图像的时候。这样我就不必发送比我想要的更多的图像

由于您使用的是php查找gd库或imagick,因此您可以使用其中一种来执行这些操作,搜索web以查看哪一种更适合您


希望这有帮助

在DOM中添加图像标记somewere,它不会显示给用户,如使用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);
var myImages=[];//数组包含要加载的映像的列表
函数loadImage(i){

如果myImages.lenght simplePager和lazyLoad有什么不起作用?动态渐进加载怎么样?你可能会发现这很有趣:实际上lazyLoad不起作用。我制作了一个select语句,并使用for语句打印每个图像。我将每个图像放在一个锚点中(在fancybox中打开它)。这可能是个问题吗?我已经竖起了大拇指。是否有任何选项可以在单击时加载其他10张图片?是否可以将此功能添加到按钮单击中并进行修改,每次加载10张图片?对于这个蹩脚的问题(因为我是唯一尝试学习jquery的设计师),非常感谢您的帮助!是的,只需添加函数loadImage(0)从目标链接单击。类似于