javascript - css 背景画像のプリロード、nivo スライダーの問題

Question

nivo-slider スライドショーが読み込まれる前に、ラッパーの背景画像をプリロードするのに問題があります。これはほんの一瞬のことですが、私のクライアントが非常にうるさいことです ---

ここで見つけたすべてのjQueryおよびcssメソッドを試しましたが、違いがないか、nivo-sliderが壊れています。

テストページへのリンクはこちら

ご覧のとおり、ほとんどの人にとって十分に高速にロードされますが、私が言ったように、私のクライアントはこれらの種類のことについてうるさいです. また、実際の背景画像はテストよりもファイルサイズが大きいため、少し時間がかかります。

誰でも洞察を提供できますか？

ありがとうございました。

score 0 · Accepted Answer

スライダーコードの前に背景画像を実際の画像として挿入し、それを非表示に設定すると、少なくとも nivo スライダーの前に読み込みを開始する必要があります。(背景画像は最後に読み込まれます)。

例えば

<img src="your-background-image.jpg" alt="" style="display:none" />

それでもうまくいかない場合は、nivo スライダーを doc の準備ではなくウィンドウの読み込みでラップして、ページ上のすべての画像が読み込まれた後にのみ開始されるようにすることができます。

$(window).load(function(){
  //slider code here
});

1 に答える 1