Hallo zusammen,
ich hab mir einen ladebalken als weiterleitung auf meine Seite kopiert, auch mit der Funktion große Dateien schon im Vorraus zu laden ...
Jedoch wird er im IE angezeigt aber Firefox macht gar nichts und leitet auch nichtmal weiter!
Könnt ihr mir helfen, so dass der Benutzer wenigstens im FF nur weitergeleitete wird. Und besser natürlich wenn der ganze Ladebalken angezeigt wird ....
Link: c-bich.de
hier der Quelltext:
HTML
<html><head><SCRIPT language=JavaScript1.2>
startingColor = new Array()
endingColor = new Array()
var yourImages = new Array (
'/cb/wp-content/themes/blue-horizon-11/images/header.gif',
'/cb/wp-content/themes/blue-horizon-11/images/icon.gif'',
'/cb/wp-content/themes/blue-horizon-11/images/icon2.gif'
)
var locationAfterPreload = "/cb/" // Adresse wohin es nach dem vorladen weiterleitet
var preloadbarWidth = 300
var preloadbarHeight = 8
var backgroundOfGradient = "#ffffff" // Farbe der Preloadbar waeherend es laedt
startingColor[0] = "f"
startingColor[1] = "f"
startingColor[2] = "f"
endingColor[0] = "0"
endingColor[1] = "0"
endingColor[2] = "f"
var gap = 3
if (!document.all) location.replace(locationAfterPreload)
var a = 10, b = 11, c = 12, d = 13, e = 14, f=15, i, j, ones = new Array(), sixteens = new Array(), diff = new Array();
var convert = new Array("0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"), imgLen = yourImages.length;
var loaded = new Array(), preImages = new Array(), currCount = 0, pending = 0, h = 0, hilite = new Array(), cover = new Array();
var num = Math.floor(preloadbarWidth/gap);
for (i = 0; i < 3; i++) {
startingColor[i] = startingColor[i].toLowerCase();
endingColor[i] = endingColor[i].toLowerCase();
startingColor[i] = eval(startingColor[i]);
endingColor[i] = eval(endingColor[i]);
diff[i] = (endingColor[i]-startingColor[i])/num;
ones[i] = Math.floor(diff[i]);
sixteens[i] = Math.round((diff[i] - ones[i])*15);
}
endingColor[0] = 0;
endingColor[1] = 0;
endingColor[2] = 0;
i = 0, j = 0;
while (i <= num) {
hilite[i] = "#";
while (j < 3) {
hilite[i] += convert[startingColor[j]];
hilite[i] += convert[endingColor[j]];
startingColor[j] += ones[j];
endingColor[j] += sixteens[j];
if (endingColor[j] > 15) {
endingColor[j] -= 15;
startingColor[j]++;
}
j++;
}
j = 0;
i++;
}
function loadImages() {
for (i = 0; i < imgLen; i++) {
preImages[i] = new Image();
preImages[i].src = yourImages[i];
loaded[i] = 0;
cover[i] = Math.floor(num/imgLen)*(i+1)
}
cover[cover.length-1] += num%imgLen
checkLoad();
}
function checkLoad() {
if (pending) { changeto(); return }
if (currCount == imgLen) { location.replace(locationAfterPreload); return }
for (i = 0; i < imgLen; i++) {
if (!loaded[i] && preImages[i].complete) {
loaded[i] = 1; pending++; currCount++;
checkLoad();
return;
}
}
setTimeout("checkLoad()",10);
}
function changeto() {
if (h+1 > cover[currCount-1]) {
var percent = Math.round(100/imgLen)*currCount;
if (percent > 100) while (percent != 100) percent--;
if (currCount == imgLen && percent < 100) percent = 100;
defaultStatus = "Loaded " + currCount + " out of " + imgLen + " images [" + percent + "%].";
pending--;
checkLoad();
return;
}
eval("document.all.cell" + (h+1) + ".style.backgroundColor = hilite[h]");;
h++;
setTimeout("changeto()",1);
}
defaultStatus = "Loaded 0 out of " + imgLen + " images [0%]."
// end hiding -->
</SCRIPT>
</head>
<body bgcolor="white">
<SCRIPT language=JavaScript1.2>
<!-- beging hiding
document.write('<table border="1" bordercolor="#c0c0c0" cellpadding="0" cellspacing="0" width="' + preloadbarWidth + '"><tr height="' + preloadbarHeight + '" bgcolor="' + backgroundOfGradient + '">');
for (i = 0; i < num; i++) {
document.write('<td bordercolorlight="" bordercolordark="" width="' + gap + '" id="cell' + (i+1) + '"></td>');
}
document.write('</tr></table>');
loadImages();
// end hiding -->
</SCRIPT>
</body>
</html>