Help

Step 1
First, you'll have to decide weather the images you're preloading are all int he same directory. If so, enter the directory path for the images relative to the location of the html file where you're loading the images. Make sure you include the trailing slash!

If you won't be using the same directory path for loading the images, you'll need to enter the path for every image in step 2.

Step 2
Congrats, you're at step 2! Now just enter the name of the image (or path and image name) and click the "Process Info/Next" button to log the info, and then keep going til you've got all your images loaded. After you've entered the last image name, click the Process button one last time and then "Generate Code!" to get the script for your page!

Step 3
Now just highlight the script snippet and paste it in your HTML file. Now the thing about preloading with javascript is that your browser will begin loading the images when it encounters the script. So you want to put the script at the end of your HTML file so the rest of the page loads. That way, the visitor can view your content while the image caching happens.

make code! | help | legalese | home