Message # 1 | 1:01 PM
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.

Demo

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

progressbar.js

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

Code


<script language="javascript" src="progressbar.js">

/*
Preload Image (w/ progress bar) script II (By BGAudioDr@aol.com , http://www.bgaudiodr.iwarp.com/)
Script featured on Dynamicdrive.com
For  TOS, and 100's more DHTML scripts, visit http://www.dynamicdrive.com
*/

</script>


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.

©DynamicDrive.com
Attachments: 1034423.png(0.9 Kb)

If i helped you + My Reputation and Give me an Award.
Post edited by Blazer - Friday, 2011-05-27, 8:38 PM