待ちのWebページが

Question

完全にロードされるまで、私はいくつかの時間のためにこれを見てきたが、私は任意の方法を見つけることができません...

私のWebページには、背景として正方形のテクスチャを持っており、このテクスチャはへの繰り返しに設定されています背景を埋める。 誰かが初めて自分のウェブサイトに入ると、テクスチャはパズルのように1つ1つ正方形に読み込まれます。

バックグラウンドが読み込まれるまでウェブページが表示されるのを遅らせる手段（方法）はありますか？

私が今までに見つけたのは、onclickイベントでdivを非表示にしたり解除したりすることだけでした。背景に

CSSコード：

html { 
background: url(/background.jpg) center center fixed; 
background-repeat: repeat; 
position: relative; 
} 

Answer 1

編集：私はよりよい解決策を追加しました。私の最初の提案よりもずっと簡単で簡単です。

解決方法2：

あなたはJavaScriptで背景画像をロードします。その後、body要素（またはあなたが気にしていた要素）の背景イメージを設定します。イメージが読み込まれると、メインコンテンツの上にあったローディング（スピナー）要素が非表示になります。

ここにはJSFiddleです。

ソリューション1（古いとより広範な）：

それは少しより創造的かつ広範ですが、仕事を取得する必要があります。
基本的に、CSSの背景を使用する代わりにHTML5 canvasを使用します。そのキャンバスでは、forループでテクスチャを描画します。すべてが描画されたら、ローディング要素を隠すことによってページを表示します。