Ich habe Probleme, eine gute Information darüber zu finden, wie man eine Javascript (oder Jquery) Fortschrittsleiste mit Text erstellt, der den Prozentsatz angibt.
Ich möchte kein Plug-In, ich möchte nur wissen, wie es funktioniert, damit ich es an das anpassen kann, was ich brauche. Wie laden Sie Bilder vorab und erhalten eine Variable für die Anzahl der Bilder, die bereits geladen sind. Wie ändert man html / css und-oder ruft eine Funktion auf, basierend auf der Anzahl der Bilder, die bereits geladen sind?
<img> -Elemente haben ein onload -Ereignis, das ausgelöst wird, sobald das Bild vollständig geladen wurde. Daher können Sie in js die Anzahl der Bilder, die geladen wurden, im Vergleich zur verbleibenden Anzahl mit diesem Ereignis verfolgen.
Bilder haben auch entsprechende onerror und onabort Ereignisse, die ausgelöst werden, wenn das Bild nicht geladen wird oder der Download abgebrochen wurde (indem der Benutzer die 'x' Taste drückt). Sie müssen sie auch zusammen mit dem onload -Ereignis im Auge behalten, um das Laden der Bilder richtig zu verfolgen.
Ein einfaches Beispiel in reinem js:
%Vor% Das obige Beispiel behandelt nicht onerror oder onabort für Klarheit, aber der Code der realen Welt sollte sich auch darum kümmern.
Tags und Links javascript jquery progress-bar image-preloader preloader