If you want to preload images to your website, there are actually a few options available. The following is a brief list of what you can try:
• CSS – CSS can be used to hide images that you wish to preload. Since browsers load pages from the top down, anything at the top of the page must appear before the bottom of the page will be displayed. Therefore, to have a fast loading, you simply need to your rollover images to occur at the top of the page. Then simply hide the images by using a hidden div. This technique loads the image into the memory of the browsers.
• Place images in a hidden frame – what is a hidden frame? Simply a window that is set at 0 percent. As frames are undesirable, this option isn’t really viable anymore. However, the same can be done with CSS and iframe, if you for some reason don’t want to use a hidden div.