Login | Register   
LinkedIn
Google+
Twitter
RSS Feed
Download our iPhone app
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
Browse DevX
Sign up for e-mail newsletters from DevX


Tip of the Day
Language: Web
Expertise: Intermediate
Feb 26, 1999

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:

 
<script>
if (document.images) {
            welcome = new Image();      
            welcome.src = "images/welcome.gif"; 

            welcome2 = new Image();      
            welcome2.src = "images/welcome2.gif";
 }
</script>
Steve Renaker
 
Comment and Contribute

 

 

 

 

 


(Maximum characters: 1200). You have 1200 characters left.

 

 

Sitemap
Thanks for your registration, follow us on our social networks to keep up-to-date