Resources | JavaScript | Preload Images

Preloading Images:



If you are using images that are taking up a lot of bandwith, or you are using rollover images as part of your site's navigation, it is important that you preload your images. This will prevent blank gaps from appearing on your page while the rollover image is downloaded to the browser -- Netscape Navigator is especially bad at caching images, so using this code is highly recommended if there are Netscape users viewing your site.

It is important to note that the following javascript code MUST be placed on the page itself. You cannot put this code in a seperate .js file (again, Netscape has problems caching the images, and the code will not work properly in Netscape if it is loaded from a .js file). Edit the call to the PRELOADIMAGES function to fit your needs:



Related Links: Dynamic Image Gallery


Want to discuss this article, or other development issues? Visit our message boards!

Or contact us directly with a comment or question on this article: click here !
armbrustconsulting.com