You are here:   Home > Scripts > Javascript Preload Images

Home    |    Candybar    DollMakers    RoomMakers    |    Roiworld    BBDI    Star Dolls    |    Puzzles    Smilies    Links   

Back to Scripts

Javascript, How to Preload Images

Preloading images using javascript requires placing a reference to them within the <HEAD> tags of the HTML document.

  1. Does the document.images object exist? (check for older browsers)
  2. Create a new Image
  3. Set the .src to reference the image url location

Copy and paste the javascript source below in your HTML document inside the <HEAD> tags

Javascript Source

To Preload a list of images

How is it referenced in the HTML?

You would call the image src normally.
<img name="myimage" src="someimage.gif">
<a href="#" onMouseOver="javascript:document.myimage.src=''">

Creative Commons License All work by eLouai is licensed under a Creative Commons Attribution 3.0 Unported License
contact:        ©2003-2020, All rights reserved        Hosting by Web Hosting Canada        Privacy Policy        About