具有较低resolutiion质量图像上负载布拉插件替换图像

Question

在此演示：

http://dinbror.dk/blazy/examples/?ref=blog

在段落：

1.3：与低分辨率图像占位符延迟加载图像例

blazy插件使用较低质量的像素图像预加载图像，然后立即提供高质量图像。

我不明白这是如何完成的。像素图像从哪里来？ 如何实现与图像相同的效果？首先降低质量，然后加载正确的尺寸？

Answer 1

您可以使用类似的东西：

<img src='lowres.jpg' id='sampleImage' 
onLoad='javascript:this.src = "highres.jpg"' /> 

加载低分辨率版本后，浏览器将执行JavaScript和加载高分辨率图像，并更换低分辨率。