Hello i am currently pursuing web design. I found a very usefull preload image javascript on the web and decided to use it. The only problem is i have to type out every image path seperate. images/index_01.jpg,images/Index_02.jpg etc etc. When you have 50 or so images it gets too long. Would just writing images/*.jpg work? Here is the code that has the /images/*.jpg in:

<script>

/*
Preload images script
*/

var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}


//Enter path of images to be preloaded inside parenthesis. Extend list as desired.
preloadimages("images/*.jpg")
</script>

If it wont work is there any way that will?

That won't work.
Are the images numbered? If so, and you know where the numbers stop, you could do something like this:

var images="";
for(var i=1; i<50; i++) {
var path=(i<10)?"/images/index_0":"/images/index_";
preloadimages(path+i+".jpg");
}

It seems to work. Its very fast. And in this template the images are numbered but all others they are named. Is there anyway to just preload all images for the images/ folder?

You could use a server side script to read all the files in that directory, then generate the JavaScript with the same server script to preload everything it finds.

However, if you're going to use a Server Language to read all the files, then write the JavaScript, you might as well just be using it to write HTML. The way I usually preload images, is with regular CSS:

CSS

.preload {
    position: absolute;
    left: -9999px;
}

<div class="preload">
<!--put as many images as you like here-->
</div>

When images are positioned off-screen, the browser still loads them into memory.

The images are already in CSS.

Huh? I'm not sure you understand me. "Images in CSS"? You mean as background images somewhere on the page? Anyhow, it doesn't matter how you use the images later, the method I described will preload images completely. Just place image tags into a div that puts everything off screen. Since you need a server language in order to access the file-system, it would be a better use of browser resources than using JavaScript, which isn't as fast as CSS.

I might add that I am somewhat sceptical that you would actually need to preload that many images. A common use of preloading is to save images in memory that will be used for rollovers later. If this is the case, you should read about CSS Sprites before you go preloading every image in your /images directory.

They are background images yes. And the reason i need to preload that many images is because i sliced in photoshop. Lots of slices

And the reason you need to preload them is?

The website takes too long to download every page. Its alot quicker

So you want to trade one long-downloading page for several short ones? (be sure to put the script at the bottom of the page if this is the case).