img的lowsrc是指當(dāng)網(wǎng)速比較慢時(shí)，先加載一個(gè)小的圖片，等大圖加載完了再顯示大圖。

雖然現(xiàn)有的網(wǎng)速已經(jīng)很快了，但是lowsrc的思想在提高用戶體驗(yàn)上還是有很大好處，尤其是圖片比較大的時(shí)候。

當(dāng)然img的lowsrc沒有出現(xiàn)在Web標(biāo)準(zhǔn)里面，那么如何去模擬呢？

主要有兩種形式：

一、給img一個(gè)背景色或背景圖片，這樣也能達(dá)到類似的效果，雖然不是最理想的；

二、使用JS，實(shí)現(xiàn)上應(yīng)該還是是比較容易的，以下是我的一種寫法（當(dāng)然不同的需求有不同的寫法）：

Code   ViewPrint
<script type="text/javascript">  
function load_img(url,url_s,o) {  
    var img = new Image();  
    img.src = url;  
    o.src=url_s;  
   if (img.complete) {  
        o.src=img.src;  
        return;  
    }  
    img.onload = function () {  
        o.src=img.src;  
    };  
};  
</script>  
<input type="button" value="開始加載" onclick="load_img('http://blog.xhlv.com/wp-content/uploads/2008/09/20080927_02.jpg','http://blog.xhlv.com/wp-content/uploads/2008/09/20080927_01.jpg',document.getElementById('img'))" />  
<div><img src="" width="500" height="321" id="img"/></div>