永远不要停止gif预加载程序

Never stopping gif prealoder

本文关键字：加载 程序 gif 永远      更新时间：2023-09-26

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

我发现最简单的事情就是添加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>

有什么想法吗？

页面可能未完全加载。也许你页面上的某个地方有404？

相关文章：