永不停止 gif 预加载器

Question

我正在做一个单页网站，由于大量的图像和动画，它变得非常庞大，所以我决定添加一个预加载器。

我发现的最简单的事情是添加 GIF 预加载器。 gif 在开始时显示正常，但根本没有停止并一直持续下去。

这是 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);
}

index.html 中的标签上方是：

<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>

有什么想法吗？

Answer 1

页面可能未完全加载。也许您的网页某处出现 404？

永不停止 gif 预加载器

Never stopping gif prealoder

html

javascript

css

jquery

gif