我如何設置預加載圖像上的圖像loding從服務器

我需要在從服務器加載圖像之前設置微調器。如何在圖像加載表單服務器時設置小型微調圖像。我如何設置預加載圖像上的圖像loding從服務器

喜歡這裏是HTML

<img src="/imge/abc1.jpg" /> 
</br> 
<p>This tesst text</p> 
<img src="/imge/anyname.jpg" /> 
</br> 
<p>This tesst text</p> 
<img src="/imge/any.jpg" /> 
</br> 
<p>This tesst text</p> 
<img src="/imge/allname.jpg" /> 
</br> 
<p>This tesst text</p>

像Facebook這樣的節目微調圖像加載之前，所以我只需要更換<img>到這裏的圖像加載。所以在此我怎麼可以設置小微調用戶可以實現圖像加載這裏

來源

2014-10-17 Barbie Doll

如果你想要做CSS只需在代碼上寫上<head>標籤

<style type="text/css"> 
img { 
    min-width:50px; /* if load.gif have 50px width */ 
    min-height:50px; /* if load.gif have 50px height */ 
    background: url('load.gif') no-repeat; 
} 
</style>

來源

2014-10-17 14:05:08

這可能做的伎倆

只需添加背景圖片img標籤。所以CSS會

img{ 
     background:url(your laoding image) 
}

編輯：或者你可以添加使用JavaScript 要遵循的步驟
1.第一負載你默認的圖像（您加載圖片）
2.裝入原始圖像，但一定要設置它的DIS圖像播放屬性設置爲無
3.再經過一段時間改變顯示屬性以阻止（並確保刪除您的默認圖片）

來源

2014-10-17 12:43:40 user3091574

使用FontAwsone微調：http://fontawesome.io/icon/spinner/

使用發旋類得到任何圖標旋轉。與fa-spinner，fa-refresh和fa-cog一起工作良好。

<i id="spin" class="fa fa-spinner fa-spin"></i>

然後使用beforeSend：與的setTimeout在AJAX來顯示所述裝載旋轉器的圖像出現之前， 例如：

setTimeout(function(){ 
      $('#spin').show(); //spin is the id of the spinner in <i> tag 
      },2000); // 2000ms: spinner appear for 2 seconds before the image appear

然後使用更迭：顯示圖片

來源

2014-10-17 13:51:44 WhiteOne

我如何設置預加載圖像上的圖像loding從服務器

回答

相關問題