New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
Bookmark online:


FF1+ IE5+ Opr7+

Preload Image (with progress bar) Script II

Author: BGAudioDr | Homepage

Description: Preload images with style, using this practical script. A live graphical bar is displayed inline on the page, updating on the progress of the preloading. Be sure to also check out version I of the script.

Demo: You should have seen a graphical bar in the middle of this page. If not, reload page.


Directions Developer's View

Step 1: Download the following .js file, and upload to your webpage directory:

progressbar.js (click, or click with Shift key depressed in NS to download)

Step 2: Insert this into the <head> section of your page:

Select All

All configurations to the script, including the images to preload, are done inside the .js file of step 1. Simply open it using any text editor, and follow the comments inside to make the required changes.