Preloading Images javascript code

msi_333 · **Posted:** Sun Oct 19, 2008 11:55 pm

If you're looking for a way to speed up your web site's perceived load time, preloading your images may be your answer. By using the following JavaScript code, you can preload the images you specify prior to your web page opening. This will enable your images to promptly display instead of your visitors having to wait for them to load.

Place this code between your <HEAD> and </HEAD> tags:

Code:

<SCRIPT language="JavaScript">
<!-- Script courtesy of http://www.web-source.net - Your Guide to Professional Web Site Design and Development
var preload=new Image();
preload.src="(image.gif)";
// -->
</SCRIPT>

Edit the text indicated in red to your image file name.

codesearcher · **Posted:** Sun Jan 11, 2009 5:01 pm

If i am to use this code for upload of multiple images how do i go about separating the image files in the Javascript?

Do i use a comma e.g,

preload.src="(image1.gif, image2.gif)"

or

preload.src="(image1.gif)(image2.gif)"

Im new to Javascript and realise i should know this.

Preloading Images javascript code

Users browsing similar posts