多数の画像をあらかじめロードする

Question

私はこの質問が複数回聞かれていることを知っていますが、すべての答えはお互いに矛盾しているようです。私はプリロードしてスライダーに入れたい500-600の画像を持っています。これを達成する最も効率的な方法は何でしょうか？

これまでにお答えいただきましたことをもう一度お詫び申し上げます。 600枚の画像のページ上

おかげ

Answer 1

ImageLoaderをご覧ください。

イメージを読み込んで読み込まれたイメージを追跡するために使用できます。例：

var imageLoader1 = new ImageLoader({ 
    "images": [ 
      { "id":101, file: "path/image1.png" }, 
      { "id":102, file: "path/image2.png" } 
     ], 
     "onAllLoaded":function() { alert("Images loaded"); } 
    }); 

これは、すべての画像をあらかじめ読み込みたい場合です。おそらくあなたは600画像のために、これを行うべきではありません。

Answer 2

ほとんどの時間は、ユーザーが最も可能性が高いあなたはおそらく必要に応じて画像を読み込む必要があります。..すべて600表示しません。多くの画像があなたの帯域幅を奪うでしょう。

Answer 3

600画像をプリロードする効率的な方法はありません。コメントによると、lazyloadingが改善されます。

すべてを事前にロードする必要がある場合は、JSを忘れて、画像をページの要素内に配置し、その要素を画面の外に置いてください（左：-5000pxなど）。（表示：作業）。