image 未加載完畢出現(xiàn) loading 等完成後再顯示image？

onload事件 complete屬性可以認定圖片加載完畢

建議使用lazyload

這就是預(yù)加載，你把頁面上需要預(yù)加載的圖片路徑設(shè)置為loading圖片，然后給每個img標簽一個自定義屬性(比如data-img)，用來存放真正的圖片路徑，再來一個公共的class吧，如loadimg方便js操作。

然后js里可以

$('loadimg').each(function(item){
  var src = $(this).attr('data-img'),
         img = new Image();
   img.onload = function(){
     $(this).attr('attr',src);
     img = null;
   }
   img.src = src;
})