devxlogo

Preload Your Images

Preload Your Images

If you use JavaScript rollover images on your Web pages, it’s a good idea to preload them in order to reduce lag time while the image downloads. Non-preloaded images won’t show up immediately when the user rolls over the images in question, and if the user has a slow connection and/or the rollover images are large, they may take so long to appear that the purpose is defeated.

Images can be preloaded by creating a new image object and specifying its source. In order to be polite to browsers that don’t support the JavaScript document.images array, provide an if statement at the top:

 
devxblackblue

About Our Editorial Process

At DevX, we’re dedicated to tech entrepreneurship. Our team closely follows industry shifts, new products, AI breakthroughs, technology trends, and funding announcements. Articles undergo thorough editing to ensure accuracy and clarity, reflecting DevX’s style and supporting entrepreneurs in the tech sphere.

See our full editorial policy.

About Our Journalist