用javascript(lazyload)停止加载图像？

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秒后我用原始图像添加它.仍然不起作用,至少萤火虫说图像在开始时加载,是祸害信任吗？

Answer 1

我认为问题在于您正在清空“img”属性，而不是“src”。

如果您在本地页面上进行测试，那么您的本地图像可能加载速度太快。或者它们可能是直接从浏览器缓存中获取的。在清空其“src”之前尝试检查图像是否已加载。