Preloader

Status
Nicht offen für weitere Antworten.

Flockemock

Grünschnabel
Hallo,
Ich habe einen Preloader von drweb. Klappt alles wunderbar. Aber wenn der Preloader fertich ist und zur nächsten Seite weiterleitet, dann zeigt er in der Leiste unten bei z.B. IE immer an "Loaded 35 out of 35 images " oder so

schaut es euch mal an http://www.flocke.de.ms

Das will ich aber weghaben. Ich will das da ganz normal "Fertig" steht oder so.

Hier ist der Code:
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","Artwork1klein.jpg","Avatarprojekt.gif","Bilder/index2_01.gif","Bilder/index2_02.gif","Bilder/index2_03.gif","Bilder/index2_04.gif","Bilder/index2_05.gif","Bilder/index2_06.gif","Bilder/index2_06-over.gif","Bilder/index2_07.gif","Bilder/index2_08.gif","Bilder/index2_09.gif","Bilder/index2_09-over.gif","Bilder/index2_10.gif","Bilder/index2_10-over.gif","Bilder/index2_11.gif","Bilder/index2_11-index2_10_over.gif","Bilder/index2_11-over.gif","Bilder/index2_12.gif","Bilder/index2_12-over.gif","Bilder/index2_13.gif","Bilder/index2_13-over.gif","Bilder/index2_14.gif","Bilder/index2_14-over.gif","Bilder/index2_15.gif","Bilder/index2_15-over.gif","Bilder/index2_16.gif","Bilder/index2_16-over.gif","Bilder/index2_17.gif","Bilder/index2_17-over.gif","Bilder/index2_18.gif","Bilder/index2_19.gif","Bilder/spacer.gif") // 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>

Was muss ich weglassen das es normal ist ? Könnt ihr mir helfen?

Flocke
 
Für die Nachricht ist folgende Zeile verantwortlich:
Code:
defaultStatus = "Loaded " + currCount + " out of " + imgLen + " images [" + percent + "%].";
Du kannst entweder diese Zeile löschen, oder eine Abfrage hinzuschreiben die bei 100% einen Text Deiner Wahl einfügt.

Wenn Du die Zeile löscht ist diese Funktion natürlich ganz weg, also steht dann auch z.B. nicht mehr "Loaded 1 out of 35 images... "

Also dann lieber zweite Möglichkeit:

Die oben genannte Zeile mit folgenden Code ersetzen:
Code:
if (currCount < imgLen) {
defaultStatus = "Loaded " + currCount + " out of " + imgLen + " images [" + percent + "%].";
} else {
defaultStatus = "Fertig";
}

Ich hab es jetzt nicht getestet aber es dürfte funktionieren.
 
Zuletzt bearbeitet:
doch

Also bei mir es perfectly...
Ich hatte den selben Preloader, mit dem selben Problem...
Aber bei mir ist es jetzt sehr schön... Danke

@Flocke: Vielleicht musst du nochmal kontrollieren, ob du es an der richtigen Stelle gemacht hast, und ob du es auch ersetzt hast...
 
Status
Nicht offen für weitere Antworten.
Zurück