Webmonkey: reference: WM

SEARCH WEBMONKEY:

JUMP TO A TOPIC:


Powered by Atomz.com

home / reference /

Quick Reference:

• Javascript Code Library
• HTML Cheatsheet
• Special Characters
• Color Codes
• Browser Chart
• Stylesheet Guide
• Unix Guide
• Glossary
• Domain Registries

Reference JavaScript Code Library

If your page will be calling in images sometime after the page loads (for "rollover" effects, for example), it's important to preload the images so they'll appear instantly at the desired time instead of loading "as needed." The WM_preloadImages() function takes a list of images (which must be valid URLs, enclosed in quotes) as arguments and then caches them.

Usage: WM_preloadImages('image 1 URL', 'image 2 URL', 'image 3 URL', ...);

Example: <body onLoad="WM_preloadImages('header.gif','nav1.gif','foo.gif','scoob.gif');">

License: Webmonkey Public License

Cut, paste, and enjoy!

function WM_preloadImages() {

/*
WM_preloadImages()
Loads images into the browser's cache for later use.

Source: Webmonkey Code Library
(http://www.hotwired.com/webmonkey/javascript/code_library/)

Author: Nadav Savio
Author Email: nadav@wired.com

Usage: WM_preloadImages('image 1 URL', 'image 2 URL', 'image 3 URL', ...);
*/

// Don't bother if there's no document.images
  if (document.images) {
    if (typeof(document.WM) == 'undefined'){
      document.WM = new Object();
    }
    document.WM.loadedImages = new Array();
    // Loop through all the arguments.
    var argLength = WM_preloadImages.arguments.length;
    for(arg=0;arg<argLength;arg++) {
      // For each arg, create a new image.
      document.WM.loadedImages[arg] = new Image();
      // Then set the source of that image to the current argument.
      document.WM.loadedImages[arg].src = "WM_preloadImages.arguments[arg];" tppabs="http://hotwired.lycos.com/webmonkey/reference/javascript_code_library/wm_pl_img/WM_preloadImages.arguments[arg];"
    }
  }
}

// -->

</script>