Ich mache eine Seite Seite, die wegen der schweren Bilder und Animationen ziemlich sperrig wird, so entschied ich mich, einen Preloader hinzuzufügen.Nie aufhören Gif Prealder
Die einfachste Sache, die ich fand, war das Hinzufügen eines GIF preloader. Das Gif zeigt am Anfang ok, aber hört überhaupt nicht auf und geht für immer weiter.
in Es HTML:
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<div class="loader"></div>
CSS:
.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('../img/716.gif') 50% 50% no-repeat rgb(249,249,249);
}
Und vor dem Tag in index.html ist dies:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(window).load(function() {
$(".loader").fadeOut("slow");
})
</script>
</head>
Irgendwelche Ideen?
Ich ließ es für fünf Minuten und noch nichts. Ohne das GIF und den ganzen Code wird in 8 Sekunden komplett geladen. –
Entschuldigung ... das war meine beste Schätzung. – JoostS
Entschuldigung! Du hast mir klar gemacht, dass meine jQuery der googleapis-Code htttps: // vor der URL von jquery.min fehlte –