add old website sds v4
This commit is contained in:
90
content/files/old/sds_v4/scripts/progressbar.js
Normal file
90
content/files/old/sds_v4/scripts/progressbar.js
Normal file
@@ -0,0 +1,90 @@
|
||||
// Progressbar - Version 2.0
|
||||
// Author: Brian Gosselin of http://scriptasylum.com
|
||||
// Featured on Dynamic Drive (http://www.dynamicdrive.com)
|
||||
// PUT THE NAMES OF ALL YOUR IMAGES THAT NEED TO BE "CACHED" IN THE "imagenames" ARRAY.
|
||||
// DONT FORGET THE COMMA BETWEEN EACH ENTRY, OR THE TICK MARKS AROUND EACH NAME.
|
||||
// WHEN ALL THE IMAGES ARE DONE LOADING, THE "imagesdone" VARIABLE IS SET TO "TRUE"
|
||||
|
||||
var imagenames=new Array( 'images/art.gif' , 'images/art-line.gif' , 'images/contact.gif' , 'images/contact-line.gif' , 'images/filler.gif' , 'images/forums.gif', 'images/home.gif', 'images/info.gif', 'images/info-line.gif', 'images/links.gif', 'images/links-line.gif' , 'images/logo.gif', 'images/news-line.gif', 'images/tile.jpg');
|
||||
|
||||
var yposition=5; //POSITION OF LOAD BAR FROM TOP OF WINDOW, IN PIXELS
|
||||
var loadedcolor='#697E94' ; // PROGRESS BAR COLOR
|
||||
var unloadedcolor='#F5F9FD'; // BGCOLOR OF UNLOADED AREA
|
||||
var barheight=15; // HEIGHT OF PROGRESS BAR IN PIXELS (MIN 25)
|
||||
var barwidth=400; // WIDTH OF THE BAR IN PIXELS
|
||||
var bordercolor='black'; // COLOR OF THE BORDER
|
||||
|
||||
//DO NOT EDIT BEYOND THIS POINT
|
||||
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
|
||||
var IE4 = (document.all)? true : false;
|
||||
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
|
||||
var imagesdone=false;
|
||||
var blocksize=barwidth/(imagenames.length);
|
||||
barheight=Math.max(barheight,25);
|
||||
var loaded=0, perouter, perdone, images=new Array();
|
||||
var txt=(NS4)?'<layer name="perouter" bgcolor="'+bordercolor+'" visibility="hide">' : '<div id="perouter" style="position:absolute; visibility:hidden; background-color:'+bordercolor+'">';
|
||||
txt+='<table cellpadding="0" cellspacing="1" border="0"><tr><td width="'+barwidth+'" height="'+barheight+'" valign="center">';
|
||||
if(NS4)txt+='<ilayer width="100%" height="100%"><layer width="100%" height="100%" bgcolor="'+unloadedcolor+'" top="0" left="0">';
|
||||
txt+='<table cellpadding="0" cellspacing="0" border="0"><tr><td valign="center" width="'+barwidth+'" height="'+barheight+'" bgcolor="'+unloadedcolor+'"><center><font color="'+loadedcolor+'" size="1" face="sans-serif">Loading Images...</font></center></td></tr></table>';
|
||||
if(NS4) txt+='</layer>';
|
||||
txt+=(NS4)? '<layer name="perdone" width="100%" height="'+barheight+'" bgcolor="'+loadedcolor+'" top="0" left="0">' : '<div id="perdone" style="position:absolute; top:1px; left:1px; width:'+barwidth+'px; height:'+barheight+'px; background-color:'+loadedcolor+'; z-index:100">';
|
||||
txt+='<table cellpadding="0" cellspacing="0" border="0"><tr><td valign="center" width="'+barwidth+'" height="'+barheight+'" bgcolor="'+loadedcolor+'"><center><font color="'+unloadedcolor+'" size="1" face="sans-serif">Loading Images...</font></center></td></tr></table>';
|
||||
txt+=(NS4)? '</layer></ilayer>' : '</div>';
|
||||
txt+='</td></tr></table>';
|
||||
txt+=(NS4)?'</layer>' : '</div>';
|
||||
document.write(txt);
|
||||
function loadimages(){
|
||||
if(NS4){
|
||||
perouter=document.perouter;
|
||||
perdone=document.perouter.document.layers[0].document.perdone;
|
||||
}
|
||||
if(NS6){
|
||||
perouter=document.getElementById('perouter');
|
||||
perdone=document.getElementById('perdone');
|
||||
}
|
||||
if(IE4){
|
||||
perouter=document.all.perouter;
|
||||
perdone=document.all.perdone;
|
||||
}
|
||||
cliplayer(perdone,0,0,barheight,0);
|
||||
window.onresize=setouterpos;
|
||||
setouterpos();
|
||||
for(n=0;n<imagenames.length;n++){
|
||||
images[n]=new Image();
|
||||
images[n].src=imagenames[n];
|
||||
setTimeout('checkload('+n+')' ,n*100);
|
||||
}}
|
||||
function setouterpos(){
|
||||
var ww=(IE4)? document.body.clientWidth : window.innerWidth;
|
||||
var x=(ww-barwidth)/2;
|
||||
if(NS4){
|
||||
perouter.moveTo(x,yposition);
|
||||
perouter.visibility="show";
|
||||
}
|
||||
if(IE4||NS6){
|
||||
perouter.style.left=x+'px';
|
||||
perouter.style.top=yposition+'px';
|
||||
perouter.style.visibility="visible";
|
||||
}}
|
||||
function dispbars(){
|
||||
loaded++;
|
||||
cliplayer(perdone, 0, blocksize*loaded, barheight, 0);
|
||||
if(loaded>=imagenames.length)setTimeout('hideperouter()', 800);
|
||||
}
|
||||
function checkload(index){
|
||||
(images[index].complete)? dispbars() : setTimeout('checkload('+index+')', 100);
|
||||
}
|
||||
function hideperouter(){
|
||||
(NS4)? perouter.visibility="hide" : perouter.style.visibility="hidden";
|
||||
imagesdone=true;
|
||||
}
|
||||
function cliplayer(layer, ct, cr, cb, cl){
|
||||
if(NS4){
|
||||
layer.clip.left=cl;
|
||||
layer.clip.top=ct;
|
||||
layer.clip.right=cr;
|
||||
layer.clip.bottom=cb;
|
||||
}
|
||||
if(IE4||NS6)layer.style.clip='rect('+ct+' '+cr+' '+cb+' '+cl+')';
|
||||
}
|
||||
window.onload=loadimages;
|
||||
Reference in New Issue
Block a user