javascript - 停止使用 javascript(延迟加载)加载图像？

Question

我正在尝试停止在 dom 上使用 javascript 加载图像，然后在需要时初始化加载，这就是所谓的图像延迟加载。像这样:

$(document).ready(function () {
  var images = $('img');
  $.each(images, function() {
    $(this).attr('src', '');
  });
});

这不起作用(在 ff3.5、safari 3-4 中测试)。无论如何，图像正在加载，我不明白。

例如，这个插件 www.appelsiini.net/projects/lazyload 正在做完全相同的事情，在页面加载时删除 src 属性。

我错过了什么？

编辑:我在这里添加了一个测试页面:http://dev.bolmaster2.com/dev/lazyload-test/ 我首先完全删除 src 属性，然后在 5 秒后将其与原始图像一起添加。还是不行，至少 firebug 说图像在开始时加载，firebug 值得信任吗？

Answer 1

试试 removeAttr("src");如 http://www.appelsiini.net/projects/lazyload

$(document).ready(function () {
  var images = $('img');
  $.each(images, function() {
    $(this).removeAttr("src");
  });
});

如果还是不行。检查 this.loaded - 也许它们加载得太快了。