problem med størrelse på preload bar
jeg har fundet og modificeret følgende script:<html>
<head>
<title>La Rêve - indlæser siden, vent venligst...</title>
<script>
/*
*/
var pics = new Array("images/8.jpg","images/8.jpg","images/19.jpg","images/51.jpg" );
var url = "code/login/login.asp";
var canSkip = true;
var imgObjs = new Array(pics.length);
var loaded = 0;
var total = pics.length;
var cPercent = 0;
var barLayer = null;
var percentLayer = null;
var statLayer = null;
var doneMsgLayer = null;
function getLayer(layerID) {
if (document.getElementbyId)
return document.getElementbyId(layerID);
else if (document.all)
return document.all[layerID];
else
return null;
}
function updatebar() {
statLayer.innerHTML = "<font face=\"Verdana\" color=\"#FFFFFF\" size=\"1\"><b>" +loaded+ "/" +total+ "</b></font>";
var percent = Math.round(loaded/total * 100);
if (cPercent != percent)
{
cPercent = percent;
barLayer.style.width = (cPercent*3) +"px";
percentLayer.innerHTML = "<font face=Verdana color=\"#FFFFFF\" size=\"1\"><b>" +cPercent+ "%</b></font>";
}
if (loaded == total)
{
doneMsgLayer.innerHTML = "<a href=\"java script:done()\"><font face=\"Verdana\" color=\"#FFFFFF\" size=\"1\"><b>Siden er indlæst</b></font></a>";
<!--done();-->
}
}
function startLoading() {
if (document.getElementbyId || document.all)
{
barLayer = getLayer("bar");
percentLayer = getLayer("percent");
statLayer = getLayer("stat");
doneMsgLayer = getLayer("doneMsg");
if (canSkip)
doneMsgLayer.innerHTML = "<a href=\"java script:done()\"><font color=\"#FFFFFF\" size=\"1\" face=\"Verdana\">Gå direkte til siden...</font></a>";
for (i=0; i<pics.length; i++)
{
imgObjs[i] = new Image();
imgObjs[i].onload = imgLoaded;
imgObjs[i].onerror = imgFailed;
imgObjs[i].src = pics[i];
}
}
else
{
window.location.replace(url);
}
}
function done() {
parent.window.location.replace(url);
}
function imgFailed() {
alert("Det følgende billede blev ikke indlæst korrekt:\n" +this.src+ "\nKontakt venligst La Rêve's webmaster om dette problem.");
loaded++;
updatebar();
}
function imgLoaded() {
loaded++;
if (loaded>pics.length)
return
updatebar();
}
window.onload=startLoading
</SCRIPT>
<body bgColor=#FFFFFF leftmargin="0" rightmargin="0" topmargin="0" marginwidth="0" marginheight="0" style=overflow:hidden; style="background-attachment: fixed; background-repeat: no-repeat;" background="images/1.jpg">
<center><font face=Verdana size=1>Indlæser siden. Vent venligst...</font></center>
<DIV id=bg style="LEFT: 410px; WIDTH: 1px; POSITION: absolute; TOP: 230px; HEIGHT: 20px; BACKGROUND-COLOR: #FFFFFF"></DIV>
<DIV id=bar style="LEFT: 410px; WIDTH: 1px; POSITION: absolute; TOP: 230px; HEIGHT: 20px; BACKGROUND-COLOR: #FFFFFF"></DIV>
<DIV id=percent style="LEFT: 545px; POSITION: absolute; TOP: 200px"><b><font face=Verdana size="1" color="#FFFFFF">0%</font></b></DIV>
<DIV id=stat style="LEFT: 545px; POSITION: absolute; TOP: 210px"><b><font face=Verdana size="1" color="#FFFFFF">0/0</font></b></DIV>
<DIV id=doneMsg style="LEFT: 506px; POSITION: absolute; TOP: 300px"></DIV>
</body>
</html>
problemet er størrelsen på selve preload bar'en. i DIV id 'bar' og 'bg' står højden på denne til 20px. dette er for så vidst også fint. bortset fra at jeg kun ønsker at den skal være 3px høj. og ændrer jeg tallet fra 20 til 3 sker der intet. ændrer jeg derimod til 500px har jeg en meget høj loadbar. hvorfor vil dette script ikke acceptere en loadbar på mindre end 20px?
