ASP.Net charger des images après le fond

Question

J'ai un style CSS et une page avec 6 photos. Lorsque j'ouvre une page normale, tous les chargements vont bien. Lorsque j'ouvre la page avec les photos, les photos se chargent en même temps que l'arrière-plan et il faut quelques secondes.

Comment retarder le chargement de l'image ou définir un prio plus bas que le bg/design?

Answer 1

Vous pouvez utiliser ce plugin jQuery pour télécharger des images paresseuses.

Lazy Load: Image lazy loader plugin for jQuery

Answer 2

Votre css est à la page avec intégrer l'aide de <link tag. D'un autre côté, il peut avoir un événement 'onload'. Donc, le mettre ensemble et charger l'image après le chargement de css. Pour localiser css-link à partir du code ASP, utiliser:

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; 
     } 
    }