Hier ist meine Seite http://equipe94.com/2009e.htmljquery versteckte Vorspannung
es einige tweek ist, die auf der Seite (scroller und Pfeile) und einige Positionning
Haben Sie eine Möglichkeit haben, um alles komplett zu verstecken (nur das Anfügen zu halten Hintergrund) .. die Dinge tun, und zeigen Sie die fertige Seite?
Warum nicht einfach die Eigenschaft css display auf none setzen und sie mit JS ändern, wenn das Dokument geladen wurde? Wenn Sie jQuery auf Ihrer Seite verwenden, könnte es so aussehen:
CSS:
#mydiv { display: none; }
JavaScript:
$(document).ready(function() {
$('#mydiv').show();
});
Diese Art der Frage vor gefragt wurde. Worüber du sprichst, ist nicht das "Vorladen" - es blockiert lediglich die Sicht des Benutzers auf die Seite, bis die Seite vollständig geladen ist. Die Seite wird nicht schneller geladen.
Legen Sie die gesamte Seite in einen Container und verwenden Sie CSS, um den Anzeigemodus dieses Containers auf none zu setzen. Dann einfach den Anzeigemodus des Containers auf etwas anderes als none ändern, sobald das Dokument fertig ist oder das letzte Bild geladen wurde:
var imgTotal = 10; // total number of images on your page
var imgCount = 0;
$("img").load(function(){
imgCount++;
if (imgCount == imgTotal)
$("#container").show();
}
jedoch, wenn man bedenkt, dass Ihre Seite geladen wird in weniger als einer Sekunde in meinem Browser, ich don Ich sehe keinen Sinn darin.
$.preloadImages = function()
{
for(var i = 0; i<arguments.length; i++)
{
$("<img>").attr("src", arguments[i]);
}
}
Dann einfach es Sie geladen werden soll, welche Bilder zu sagen:
Calvins Antwort zu ergänzen, können die Bilder durch Zugabe in dieser Funktion vorgespannt werden
$.preloadImages("image1.gif", "/path/to/blah.png", "some/other.jpg");
Setzen Sie diesen Code, bevor die Sachen, die Sie laden, als Höflichkeit.
es nicht gerade Bilder, sondern Seitenelement, das das Problem verschieben ...
Ich habe CSS Körper versteckt und das letzte Argument meiner jquery ist CSS: sichtbar
Arbeit groß .. 2 Sekunden laden, und alle kommen auf!
dank
würde ich ein DOM bereit verwenden es ist Anzeige auf none gesetzt, dann auf $ zeigen (Fenster) .load
Andernfalls, wenn sie JS nicht aktiviert haben, werden sie sehe nie etwas!
Ich habe bemerkt, dass Ihre Seite auch ohne JS noch sichtbar ist, gute Arbeit!