ImageLoader-with-TabView

YUI Library JavaScript DHTML


            



    
ImageLoader with TabView

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










ImageLoader with TabView


  Here we demonstrate integrating the ImageLoader Utility with the TabView Control.

Also illustrated are the considerations for the ImageLoader group triggers, as they involve some reasoning on the developer's part.

Here, each tab contains images and a corresponding ImageLoader group. Triggers are set as mouseover events of each tab.




 
 

#demo { width:350px; }
#demo .yui-content { padding:20px; } /* pad content container */
#demo img { margin-right:20px; }
#tabone, #tabtwo, #tabthree { height:80px; }


  
    Tab One
    Tab Two
    Tab Three