PRELOADER BRE

[ Trunks @ 27.03.2002. 18:16 ] @

Evo ga...

Code:

<html>
<head>

<title>Primer preloadera.</title>

<script language="JavaScript1.2">
// credits to ???
// modified by Trunks
// reads cookie value
function getColorCookie(){
var pos = document.cookie.indexOf("nano_cookie_color=");
if(pos != -1){
var start = pos+18;
var end = document.cookie.indexOf(";",start);
if(end == -1)
end = document.cookie.length;
var cookieValue = document.cookie.substring(start, end);
return unescape(cookieValue);
}
return unescape('#808080');
}
document.bgColor=getColorCookie();

var imagenames=new Array('cv/clients.gif','cv/cv.gif','cv/portfolio.gif');
var yposition=300;
var loadedcolor='808080'; // old was D4D0C8
var unloadedcolor='white';
var barheight=5;
var barwidth=211;
var bordercolor='white';
var imagesdone=false;
var blocksize=barwidth/(imagenames.length);
barheight=Math.max(barheight,5);
var loaded=0, perouter, perdone, images=new Array();
var txt='<div id="perouter" style="position:absolute; visibility:hidden; background-color:'+bordercolor+'; z-index:9">';
txt+='<table cellpadding="0" cellspacing="1" border="0"><tr><td width="'+barwidth+'" height="'+barheight+'" valign="center">';
txt+='<div id="perdone" style="position:absolute; top:1px; left:1px; width:'+barwidth+'px; height:'+barheight+'px; background-color:'+loadedcolor+'; z-index:10">';
txt+='</div>';
txt+='</td></tr></table>';
txt+='</div>';
document.write(txt);
function loadimages(){
document.bgColor=getColorCookie();
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*10);
}}
function setouterpos(){
var ww=document.body.clientWidth;
var x=(ww-barwidth)/2;
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(){
imagesdone=true;
if (imagesdone == true) self.location = 'cv.html';
}
function cliplayer(layer, ct, cr, cb, cl){
layer.style.clip='rect('+ct+' '+cr+' '+cb+' '+cl+')';
}
window.onload=loadimages;

</script>

</head>

<body onselectstart="return false" ondragstart="return false" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#808080">

<img src="base/preload_logo.gif">
</body>

</html>

To staviš kao HTML dokument, naprimer preload.html.
Normalno, izmeni sve što treba (ako ne znaš šta, pitaj :)).
Ako budeš imao problema, slobodno ostavi ovde.