php - 使用 Ajax 延迟加载

Question

我创建了一个数据库，其中存储了所有图像的名称，以便以后可以检索它。为了检索图像的名称，我使用 ajax 并将其与<img>标签绑定：

$.post('image_name.php',{id:id}, function(data){
   $('#container').html('<img src="img/'+data+'">');
});

一切都很好。但我注意到的是，所有图像同时显示，这会稍微减慢这个过程。因此，我认为处理此问题的最佳方法是使用延迟加载。我想要任何准备好显示的数据....但我不知道该怎么做。

附加信息：我正在尝试创建缩略图列表。就像 Imgur 侧边栏 ( http://imgur.com/gallery/19E2ZAX )

Answer 1

如果您打算使用左/右按钮创建列表：

1. 使用 ajax 获取接下来 6 个图像的数组。只有名称或 ID。
2. 关于ajax成功：
   • 在 jquery 中为图像数组 $(array).each 创建一个循环很好！
   • 在循环周期中为每个图像设置一个时间计时器（ http://archive.plugins.jquery.com/project/timers很棒）。使用数组索引 * 间隔 * 1000（1000ms 为 1 秒）

整个想法是：

onsuccess:
    $(whatyougotfromajax).each(function(index, value)
    {
        $.oneTime(index * Interval * 1000, function()
        {
            $('#block').append('<img src="sth.php?Id=' + value + '">');
        });
    });

我不确定...不，我确定它不能以这种方式工作，但是您知道了