イメージがロードされるまで一時イメージを表示する

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; 
}