javascript - ページの読み込み後(すべてのサイト画像の読み込み後)にボディの背景画像を完全に読み込む方法は?

Question

ウェブサイトの本文の背景画像を読み込みたいです。サイズが非常に大きいため、ページの読み込みに時間がかかります。そのため、ページが完全に読み込まれた後に本文の背景画像を読み込みたいと思います。

JavaScriptを試しwindow.onloadましたが、役に立ちません。

Answer 1

Jquery でカルーセルのスクリプトを作成しました。

1. クラス [classname] を持つすべての div をカウントします

2. 各divデータを取得-src

3. divごとに設定 - スタイル（背景）

   $(document).ready(function(){
      var numBackground = $('.main-view-carosel').length /*amount of divs with 
      class*/
      console.log(numBackground);/*view the lenth*/
   
       setTimeout(function(){ /*set time out if needs to see ho it works*/
   
          for (let i = 0; i < numBackground; i++ ){ /*set the maximal [i] 
             amount of existing elements*/
             var elements = document.getElementsByClassName('main-view- 
             carosel');//get el with needed classname
             var requiredElement = elements[i]; /*get first one, second, third, 
             etc [i]*/
             var image = $(requiredElement).attr("data-src")/*get this div 
             data-src*/
             console.log(image);/*view in console this data-src*/
             requiredElement.style.backgroundImage = "url(" + image + ")";/*set 
             background for current div*/
          }
       }, 100);
   });