inzzi
Mitglied
Hi leute... hab ein problem mit einem Preloader....
Hab ihn hier im Forum gefunden und im MS Internet Explorerfunktiniert er auch wunderbar.
Aber sobald ich die Site mit Mozilla Firefox aufrufe überspringt er den preLoader und geht auf die index2.htm, wo dann erst wieder die Bilder geladen werden müssen.
Kann mir da jemand helfen?
Danke schon mal im Vorraus. inzzi
Hab ihn hier im Forum gefunden und im MS Internet Explorerfunktiniert er auch wunderbar.
Aber sobald ich die Site mit Mozilla Firefox aufrufe überspringt er den preLoader und geht auf die index2.htm, wo dann erst wieder die Bilder geladen werden müssen.
Kann mir da jemand helfen?
Code:
<html>
<head>
<title>Preloader mit Ladeanzeige</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#676767" text="#000000" link="#000000" vlink="#000000" alink="#000000">
<p align="center"><font face="Arial" size="1">
<script language=JavaScript1.2>
<!-- begin hiding
startingColor = new Array() // <-- NICHT VERÄNDERN!
endingColor = new Array() // <-- NICHT VERÄNDERN!
// Hier deine Grafiken rein:
var yourImages = new Array("A1.jpg","Artwork1gross.jpg" - ........ - ) // Ersetzen und erweitern durch deine Grafiken
var locationAfterPreload = "index2.htm" // Hier den Pfad zur Seite die nach dem Vorladen geladen werden soll
var preloadbarWidth = 300 // Länge des Balkens
var preloadbarHeight = 4 // Höhe desselbigen
var backgroundOfGradient = "#000000"
// Farbe mir der der Balken beginnt! Gib erste, dritte und fünfte Zahl/Buchstaben der Farbe an
startingColor[0] = "E"
startingColor[1] = "E"
startingColor[2] = "E"
// Wie oben nur die Farbe mit dem es endet
endingColor[0] = "0"
endingColor[1] = "0"
endingColor[2] = "0"
var gap = 7 // mind. 2! verändern, wenn es nen JS-Error gibt.
// NIX MEHR VERÄNDERN
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><b>Seite wird geladen. Bitte warten.</b><br>
<script language=JavaScript1.2>
<!-- beging hiding
document.write('<table border="0" cellpadding="0" cellspacing="0" width="' + preloadbarWidth + '"><tr height="' + preloadbarHeight + '" bgcolor="' + backgroundOfGradient + '">');
for (i = 0; i < num; i++) {
document.write('<td width="' + gap + '" id="cell' + (i+1) + '"></td>');
}
document.write('</tr></table>');
loadImages();
// end hiding -->
</script>
</font>
</body>
</html>Danke schon mal im Vorraus. inzzi
