jquery圖片預加載

var imgshow=new Image();    //首先實例化一個 img 對象
        imgshow.src = 'mm/1.jpg';  //當這裏給定地址之後，好像就會立即下載圖片
        alert(imgshow.width);    //由於 剛給地址，還沒下載到本地 這裏獲取圖片    寬度一般獲取不了        
        imgshow.onload = function() { //這裏是個 圖片下載完之後 回調的一個函數 火狐會每次執行，但是 IE下 如果瀏覽器已經緩存了則不再執行    
                alert(imgshow.width);                            
           $("#showImg").attr('src',imgshow.src);
           ///document.body.appendChild(imgshow);                                        
        }                    
        alert(imgshow.complete); //這個參數 是判斷瀏覽器 是否已經緩存了這個圖片
        $("#showImg").attr('src',imgshow.src);//這行是針對 IE 用的

 

再看看上圖 圖片加載，先模糊後清晰， 剛開始  我不知道 他什麼原理 ，後來看 發現 原來下面 三張小圖片， 長寬 都比較小，文件也不大所以

快速的就下載下來，  然後  把下面的小圖片， 長寬 加大到上面大圖的尺寸，然後放到 上面大圖中，自然就模模糊糊了， 然後 等大圖加載完了之後再更改 爲大圖的 路徑， 自然就變清晰了， 原來 由模糊變清晰是這樣來的。