problem mit preloader

html.de-Forum JavaScript
1

Abend,
durch google habe ich einen preloader gefunden, welchen ich ausgebaut habe.
mein problem ist aber, das dieser Ladebalken immer wieder von vorne „ausgefüllt“ wird, ich möchte aber das er aber beim alten Stand immer weiter macht.
Wisst ihr, wie ich es meine?

Hier mein Code

[CODE]151 var prozent = 0;
var zaehler = 1;
function load(){
if(zaehler < files.length){
var anzahl = files.length - 1;
var prozent = Math.round(zaehler/anzahl * 100);
var prozent_alt = Math.round(zaehler-1/anzahl-1 * 100);
var dif = prozent - prozent_alt - 100 + (100 + prozent_alt);
document.getElementById(„status“).style.width = dif + „%“;
document.getElementById(„prozent“).innerHTML = prozent + " %";
window.setTimeout(„load('“ + files.length + „')“);
zaehler = zaehler + 1;
if(prozent < 51){
document.getElementById(„status“).style.background = 'rgb(255, ’ + Math.fl oor(prozent / 50 * 255) + ‚, 0)‘;
}else{
document.getElementById(„status“).style.background = ‚rgb(‘ + Math.floor(2 55 - ((prozent - 50) / 50 * 255)) + ‚, 255, 0)‘;
}
}else{
zaehler = 1;
}
}

function preload (){
var t = new Array();
for(var i = 0; i < files.length; i++){
t[i] = new Image();
t[i].src = files[i];
document.getElementById(„loaded_files“).innerHTML = (i + 1) + " von " + files.length;
t[i].onload = load();
}
}
[/CODE]mfg Marcel

2

Die Zeile ist unfug. Die Klammern hinter load müssen weg. Der setTimeout Aufruf in der Funktion ist dann überflüssig.

3

sozusagen dann

t[i].onload = load;

bzw. Zeile 161 löschen?

mfg Marcel

4

ja.

übrigens ist Zeilennummern mitkopieren nicht sinnvoll, da jeder der den Code ausprobieren möchte, erstmal mühsam diese wegmachen muss.

5

Sorry, liegt am vim :wink:
ich mache sie schnell raus.
leider ist das Problem immer noch nicht behoben.
mliebgott.de
der preloader malt sich bei mir im ff (ubuntu) immernoch immer von vorne

mfg Marcel

6

Hey, mach mir meinen Lieblingseditor nicht schlecht. Der macht auch nur das, was Du ihm gesagt hat! Liegt an Dir, nicht am vim!

7

habe ja auch nciht gesagt das der schlecht ist, aber ich hatte :set number aktiviert :wink:

8

Ich hab mal den Code auf’s notwendigste reduziert:

[CODE]function load(){
var anzahl = files.length;
var prozent = Math.round(zaehler/anzahl * 100);

	document.getElementById("status").style.width = prozent + "%";
	document.getElementById("prozent").innerHTML = prozent;

	zaehler++;

}

function preload (){

for(var i = 0; i < files.length; i++){
	var img = new Image();
	img.onload = load;
	img.src = files[i] +'?' + Math.random(); // Die Zeile nur zum testen benutzen
	// img.src = files[i];
}

}

preload();
[/CODE]

9

joar danke :wink:
leider läd der immernoch mehrmals, zeichnet immer wieder neu von width: 0px; :frowning:

10

Mein Code? Bei mir nicht.