Ladeverzögerung auf Offline-HTML-Seite

Ich habe eine Overlay-Verzögerung auf meiner HTML-Seite, wenn die Seite nicht schnell genug geladen werden konnte.Ladeverzögerung auf Offline-HTML-Seite

HTML

<div class="loading" style="display: none; "></div>

CSS

.loading { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 100000; 
    background: url(../img/loading.gif) no-repeat center center white; 
}

Script

jQuery(window).load(function() { 
//Image Hover Efect 
jQuery(".loading").fadeOut(1000); 
});

Jede Änderung eine Seitenladeverzögerung zu überprüfen, um zu bekommen, wenn die scipt ok ist?

Quelle

2012-03-30 Denny Mueller

Statt .load verwenden .ready, wie folgt aus:

jQuery(document).ready(function() { 
    //Image Hover Efect 
    jQuery(".loading").fadeOut('fast'); 
});

die .ready Funktion ausgeführt wird, wenn das DOM vollständig geladen ist.

Greating.

Quelle

2012-03-30 18:32:20

Das Overlay wird angezeigt, während das DOM geladen wird ... wäre unbrauchbar, es unter dom ready auszuführen –

Die Idee ist, das Overlay anzuzeigen, wenn die Seite geladen wird .. und nach Abschluss das Overlay ausblenden. Standardmäßig wird das Overlay angezeigt ... also müssen wir das Overlay ausblenden, wenn das Laden der Seite abgeschlossen ist. –

Sie können Fiddler verwenden, um die Antwort vom Server zu verlangsamen (oder sie mit einem Haltepunkt zu verzögern), um diese Funktion zu testen.

Ich könnte vorschlagen, dass Sie dies nicht tun. Überlassen Sie es dem Browser, dem Benutzer etwas anzuzeigen, während der Code geladen wird. Als Benutzer werde ich oft nicht auf das Laden Ihrer Seite warten, bevor ich mit dem Lesen beginne. Es ist mir auch nicht wichtig, eine ganze Sekunde zu warten, während das Overlay verschwindet.

Quelle

2012-03-30 17:59:29 Brad

Ladeverzögerung auf Offline-HTML-Seite

Antwort

Verwandte Themen