ホームページの完全な背景カバーイメージをプリロードする方法はありますか

Question

私のプロジェクトのホームページの完全な背景カバーイメージがあります。私はそれが何とかプリロードする方法があるのだろうと思うので、即座に表示され、徐々に今のようになります。私は解決策を探しましたが、ユーザーが既にWebサイトにアクセスした後は、ページの画像をプリロードすることがほとんどですが、Webページの最初のページの表紙画像をプリロードする方法があるのでしょうか？

これは私が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; 
} 

Answer 1

あなたは$（ウィンドウ）.LOADでjQueryを使って画像の背景を得ることができます。 Preloading CSS Imagesを参照してください。

次に、画像をプリロードする前にスプラッシュ画面を表示して、画像がロードされたときにこれを非表示にすることができます。

これが役に立ちます。 について

Answer 2

あなたができると思うことは、JavaScriptで時間間隔を使用してページの残りの部分をロードするのに1000ミリ秒（1秒）を待たなければならず、バックグラウンドイメージが何も待つ必要がないようにすることです時間。