YUI Library JavaScript DHTML





    
Loading Images Below the Fold

/*margin and padding on body element
  can introduce errors in determining
  element position and are not recommended;
  we turn them off as a foundation for YUI
  CSS treatments. */
body {
  margin:0;
  padding:0;
}







Loading Images Below the Fold



  

Often pages will have a number of images below the fold, hidden from the user's view. These are prime candidates to load with the ImageLoader Utility.


All the images in this example belong to the same group, and all load immediately only if they appear above the fold of the page.


      




  
    
  

  
    
  

  
    
  
  
    
  
  
    
  






   
  
yui_2.7.0b.zip( 4,431 k)