Hallo,
ich möchte über Javascript eine Fortschrittsanzeige umsetzen, die angezeigt wird, während Grafiken vorgeladen werden.
Da ich aber Grafiken unterschiedlicher Ordner vorladen will, es handelt sich bei unserer Homepage um einen Onlineshop, bei dem die Artikelbilder in verschiedenen Ordnern abgelegt sind, habe ich natürlich auch unterschiedliche Anzahlen vorzuladender Grafiken.
Damit die Fortschrittsanzeige aber nicht zu breit wird, möchte ich diese in der Breite begrenzen.
Auf ein Framework oder Plugin möchte ich hierbei verzichten, da mir diese zu überladen sind.
Ich habe mir überlegt, eine maximale Anzahl an anzuzeigenden Segmenten festzulegen und die Schrittweite bei der Ausgabe der Fortschrittsanzeige über den letzten ganzzahligen Teiler vor Erreichen der maximalen Anzahl an anzuzeigenden Segmenten zu ermitteln.
Hier der Code, den ich bislang habe:
function FortschrittsbalkenBerechnen (AnzahlGrafiken, AnzahlSegmente)
{
if (AnzahlGrafiken ';
Fortschrittsbalken += „“;
Fortschrittsbalken += ‚‘;
Zaehler = 1;
for (i = 1, l = BreiteFortschrittsbalken - 1; i ';
Zaehler += 1;
}
Fortschrittsbalken += ‚‘;
Fortschrittsbalken += „“;
Fortschrittsbalken += „“;
document.write (Fortschrittsbalken);
// Funktion zum Vorladen der Grafiken mit Aktualisierung der Fortschrittsanzeige
}
Grafiken = new Array ("…", „…“, „…“, …);
FortschrittsbalkenBerechnen (Grafiken.length, 150);
Mit „FortschrittsbalkenBerechnen (131, 150);“ würde ich beispielsweise angeben, dass 131 Grafiken vorzuladen sind und die Fortschrittsanzeige maximal 150px breit sein soll.
„ErstesSegment0“, „WeiteresSegment0“ und „LetztesSegment0“ sind hierbei die Grafiken für noch nicht geladene Grafiken.
Mein Problem ist nun, dass ich eine Denkblockade habe, wie ich den Mechanimus umsetzen muss, um nun alle vorzuladenden Grafiken mit der Fortschrittsanzeige, die nur alle {Schrittweite} Grafiken angepasst werden soll, in Einklang bringe.
Ich denke hierbei an folgenden Ansatz:
for (i = 0; i
