显示临时图像，直到图像加载

Question

我想在HTML页面中显示临时图像，直到加载原始图像。我怎样才能做到这一点？

<!-- IMG --> 
<img src="original.jpg" temporary-img="temp.jpg"/> <!-- i have no idea how to do that ! --> 

Answer 1

如果原始图像仍然加载你可以在HTML中的以下内容：

<img src="temp.jpg" id="img" data-original-img="original.jpg"/> 

如果DOM被加载后，您可以使用图像，例如。交易所如下：

$(function() { 
    $('#img').attr('src', $('#img').attr('data-original-img')); 
}); 

或者有计划JS：http://www.w3schools.com/jsref/event_onload.asp

Answer 2

您可以使用CSS添加背景图像。

img { 
    background: url('temp_image.png') no-repeat; 
}