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

blurred/pixelized preloading for images

本文关键字：加载像素模糊图像更新时间：2023-09-26

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

它们首先被模糊/像素化，然后加载。我想为我实际正在做的网站应用这样的东西，该网站的图像非常重。我的所有图像都已经放在网站上。

知道这是怎么做的吗？任何插件也许？

多谢！

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

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