2016-05-12 44 views
0

我做了一個頁面網站,由於沉重的圖像和動畫變得相當笨重,所以我決定添加一個預加載器。永不停止gif預編碼器

我發現的最簡單的事情是添加一個GIF預加載器。在開始時gif顯示正常,但並沒有停下來,並且一直持續下去。

此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); 
} 

而且在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> 

任何想法?

回答

1

頁面可能未完全加載。也許你的網頁上有404的地方?

+0

我離開了它五分鐘,什麼也沒有。沒有GIF和所有的代碼加載完全在8秒鐘內。 –

+0

對不起...這是我最好的猜測。 – JoostS

+0

對不起!你讓我意識到我的jquery googleapis代碼缺少htttps://在jquery.min的url之前 –