Excellent hard to find Javascript...

tox0tes · #1 Jan 25th, 2004, 05:12

I've been looking for one of these all weekend, and couldnt find one, so I decided to combine other javascripts into one and make my own.

Here is a javascript that will preload your images with a progress bar, and then when its done, it will automatically redirect you to the specified page. But wait! it uses cookies so that if you have already preloaded the images, it will immediately redirect. This could also be used with a splash/intro page so that people revisiting dont have to see it more than once.

DEMO: http://www.moderncrusaders.vze.com . Go there twice (you will only see the intro page one time!)

Heres the code:

<font color="red">paste this in the <head> section:</font id="red">

<font color="purple"><script>

</script>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT></font id="purple">

<font color="red">now paste this in the <body> section:</font id="red">

<font color="purple"><script language="javascript" src="timerbar.js">
</script></font id="purple">

<font color="red">here are the contents of "timerbar.js":</font id="red">

<font color="purple">var loadedcolor='#637B63' ; // PROGRESS BAR COLOR
var unloadedcolor='white'; // COLOR OF UNLOADED AREA
var bordercolor='#666666'; // COLOR OF THE BORDER
var barheight=10; // HEIGHT OF PROGRESS BAR IN PIXELS
var barwidth=300; // WIDTH OF THE BAR IN PIXELS
var waitTime=20; // NUMBER OF SECONDS FOR PROGRESSBAR

// THE FUNCTION BELOW CONTAINS THE ACTION(S) TAKEN ONCE BAR REACHES 100%.
// IF NO ACTION IS DESIRED, TAKE EVERYTHING OUT FROM BETWEEN THE CURLY BRACES ({})
// BUT LEAVE THE FUNCTION NAME AND CURLY BRACES IN PLACE.
// PRESENTLY, IT IS SET TO DO NOTHING, BUT CAN BE CHANGED EASILY.
// TO CAUSE A REDIRECT TO ANOTHER PAGE, INSERT THE FOLLOWING LINE:
// window.location="http://redirect_page.html";
// JUST CHANGE THE ACTUAL URL OF COURSE

ie4)? document.all['PBouter']:document.getElementById('PBouter');
PBdone=(ns4)?PBouter.document.layers['PBdone']

ie4)?document.all['PBdone']:document.getElementById('PBdone');
resizeEl(PBdone,0,0,barheight-2,0);
if(ns4)PBouter.visibility="show";
else PBouter.style.visibility="visible";
Pid=setInterval('incrCount()',95);
}

function resizeEl(id,t,r,b,l){
if(ns4){
id.clip.left=l;
id.clip.top=t;
id.clip.right=r;
id.clip.bottom=b;
}else id.style.width=r+'px';
}

window.onload=progressBarInit;</font id="purple">

Webforumz Staff · #2 Jan 25th, 2004, 09:22

I'm using Opera (although the same thing appears to happen to me in IE). It didn't preload the images for me, it just waited 20 seconds. More importantly, of course, if you're on diallup it'll take more than 20 seconds to load 1mb of images! If you're on broadband then it still loads fairly quickly so there isn't really much point for a preloader is there?

All of your images are fairly small apart from the header (top) image which is 102kb. This could probably be a lot smaller if it was a JPEG and not a GIF, so give that a try.

Of course, we know that the real culprit is the flash, which has about 30 seconds of music? You can decrease the quality that flash uses and of course, use mono not stereo (flash combines the channels). Play around until you get a more appropriate file size.

Unless you can get your script to preload that too, I don't really see any point waiting?
Plus it does need to work in Opera.

D3mon · #3 Jan 25th, 2004, 10:28

Users don't want to watch a percentage bar, they'd much rather read some of the content of the page while they wait for each of the images to load. Research indicates that you've got approx. 8 seconds (56K dialup) before the average user will move on.

Rob · #4 Jan 25th, 2004, 10:58

This script uses a javascript redirect....
Unless you have inbound links to 'deep content' you will have trouble getting google past this initial page.

tox0tes · #5 Jan 25th, 2004, 15:20

I think I will just remove the progress bar and instead put a flash intro. But I really like that cookie redirect feature....... No one likes to see a splash/intro page more than once. I think more people should use it.

I just hate having my site not all load at once, it looks like **** in the process.

Webforumz Staff · #6 Jan 25th, 2004, 16:20

Well unfortunately everyone's site looks like that when it loads!

Rob · #7 Jan 25th, 2004, 16:47

Again.... a flash intro is not indexable by search engines....

Search engines want CONTENT.... and LOADS of it... especially on the home (root) page.

Thats why we don't use one on this site.

tox0tes · #8 Jan 25th, 2004, 16:59

alright.......I took down flash intro, now it goes directly to homepage. Thanks for your insight guys

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
Excellent hard to find Javascript...