ASP.Net在後臺加載圖片

Question

我有一個CSS樣式和一個頁面有6個圖片。 當我打開一個正常的頁面時，所有加載沒問題。 當我用圖片打開頁面時，圖片將與背景同時加載，並且需要幾秒鐘。

如何延遲圖片加載或將其設置爲較低的prio然後bg /設計？

Answer 1

你可以使用這個jQuery插件來延遲加載圖像。

Lazy Load: Image lazy loader plugin for jQuery

Answer 2

你的CSS被嵌入到頁面<link標籤的幫助。另一方面它可以有事件'onload'。所以把它放在一起，並加載後，加載圖片。 要從asp代碼找到css-link，請使用：

ControlCollection headerControls = Page.Header.Controls; 
    for (int i = headerControls.Count - 1; i >= 0; i--) 
    { 
     HtmlLink link = headerControls[i] as HtmlLink; 
     if (link != null 
      && String.CompareOrdinal(link.Attributes["rel"], "stylesheet") == 0) 
     { 
      if (...) //add compare with your CSS name here 
       link.Attributes["onclick"] = ...//add jscript to load image; 
     } 
    }