jquery - サイトをプリロードする

Question

私はWeb開発の初心者です。現在、多くの製品画像があるWebサイトに取り組んでいるため、Webサイトのページ全体が一度に読み込まれず、悪い印象が残ります.Webサイトのすべての画像をプリロードする方法を教えてください. メソッドが jquery または任意のプラグインを使用しているものは何でも。私を助けてください！

Answer 1

http://www.krio.me/scripttest/imgLoader/

上記のサイトで提供されているプラ​​グインを使用しました。特別な理由は次のとおりです。

1) 画像は完全にダウンロードされた場合にのみ表示されます

2) 30kbps という低速のダウンロード速度でも、画像をすばやくプリロードします。

3) 多くを行う必要はありません。主な目的は、Web 開発者やデザイナーがユーザー インターフェイスを改善するのを支援することです。

Answer 2

jQuery で .load() イベントを使用できます

var imagecount = 10;

$('img').load(function() {
   // Image load complete
   if(imagecount == 0)
      // Loading of all images are over
      LoadingComplete();
   else {
      imagecount--;
      // Here you can update the progress bar.
   }
});

プログレスバーを表示するには、 jQueryプログレスバープラグインを使用できます

 $( "#progressbar" ).progressbar({
    value: 1
 });