图像的模糊/像素化预加载

Question

我喜欢在guardin网站上预加载图像的方式，例如在这种情况下： http://www.theguardian.com/artanddesign/gallery/2014/dec/08/photographer-of-the-year-2014-shortlist

它们首先被模糊/像素化，然后被加载。我想为我正在做的一个网站应用这样的东西，它有相当重的图像。我所有的图片都已经放在了网站上。

知道这是如何制作的吗？有什么插件吗？

非常感谢！

Answer 1

正如您在 html 源代码中看到的那样，每个 li 元素都包含两个图像：一个低分辨率图像和一个高分辨率图像。低分辨率图像是可见的，因为它加载速度更快。加载高分辨率图像时，将其显示属性设置为“无”，并显示高分辨率图像。

我认为某种延迟加载插件可以解决问题。