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

时间:2014-12-08 21:25:24

标签: javascript jquery image preloading

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

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

知道这是怎么做的?任何插件都可能?

非常感谢!

1 个答案:

答案 0 :(得分:0)

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

我认为某种lazyload插件可以解决问题。