img的lowsrc是指當網速比較慢時，先加載一個小的圖片，等大圖加載完了再顯示大圖。

雖然現有的網速已經很快了，但是lowsrc的思想在提高用戶體驗上還是有很大好處，尤其是圖片比較大的時候。

當然img的lowsrc沒有出現在Web標準里面，那么如何去模擬呢？

主要有兩種形式：

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

二、使用JS，實現上應該還是是比較容易的，以下是我的一種寫法（當然不同的需求有不同的寫法）：

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>