有沒有辦法預先加載主頁的完整背景封面圖片

我的項目中有主頁的完整背景封面圖片。我不知道有沒有辦法預先加載它，所以它顯示立即，而不是現在逐漸喜歡它。我已經搜索瞭解決方案，但他們主要是關於在用戶已經在網站上之前預裝頁面的圖像，我想知道是否有辦法以某種方式爲網站的第一頁預加載封面圖像？有沒有辦法預先加載主頁的完整背景封面圖片

這是我在CSS文件：

.section .image { 
    background-size: cover; 
    background-position: center center; 
    background-repeat: no-repeat; 
    width: 100%; 
    height: 100vh; 
    z-index: 2; 
    position: absolute; 
    display: block; 
    background-image: url('/img/kid-cover.jpg'); 
    animation: zoom 7s; 
    -webkit-animation-fill-mode: forwards; 
}

來源

2016-12-05 Leff

我不這麼認爲。 – Satpal

使用的答案 http://stackoverflow.com/questions/476679/preloading-images-with-jquery?rq=1 – 2016-12-05 09:28:43

@WhiteHox這將無助於我的情況下，它不會加載背景封面圖片任何更快的主頁 – Leff

你可以得到圖像背景使用jQuery在$（窗口）.load。見Preloading CSS Images。

然後，您可以在預加載圖像之前顯示啓動畫面，並在加載圖像時將其隱藏。

希望這會有所幫助。方面

來源

2016-12-05 10:00:40

我認爲你可以做的是在JavaScript中使用一段時間間隔，並使其餘的頁面必須等待1000毫秒（1秒）加載和背景圖像不必等待時間。

來源

2016-12-06 05:24:41

有沒有辦法預先加載主頁的完整背景封面圖片

回答

相關問題