Images are hidden from view until they have been fully downloaded. Once the download is complete, they are faded in. This helps to improve the appearance of a page by removing the typical ugliness associated with loading images by the pixel. The script in no way alters the appearance of the page. It only changes how the images come into view.

Simply create a wrapper around the images you want to fade, such as a div with an ID. Then call $("#test").krioImageLoader(); where #test is the ID of the wrapper.

A JavaScript timer checks the image object to check and see if it has been completely downloaded. Once it has been, it is faded in. You can the time between timer checks through the options.

Photos by downing.amanda