Precache All Stylesheet Images

Nitobi Toolkit comes with a convenient helper method to scour all the stylesheets on a page and pre-load all the images. This has the advantage of making any images used in CSS come up right away when they are called, instead of having to wait for them to be downloaded - really improving the user experience.

nitobi.html.Css.precacheImages();

By calling precacheImages() with no arguments, it will loop through all your stylesheets and attempt to pre-load every image. If you pass a reference to a particular stylesheet, it will just do that one:

var b = nitobi.html.Css.getStyleSheetsByName('nitobi.tabstrip.css');
for (var i=0; i<b.length; i++) {
nitobi.html.Css.precacheImages(b[i]);
}

This will just pre-load the images in the nitobi.tabstrip.css referenced in our header.

View Printable Version

Nitobi Product Knowledgebase

Precache All Stylesheet Images

Comments: