javascript - 後で使用するために画像をダウンロードする（ガイダンス）

Question

私が探しているのは、後で使用するユーザーのブラウザーに画像をダウンロードできるようにする方法です。画像は、マウスオーバー（ホバー）イベントでアクティブになります。問題は、ユーザーがホバーしているときにだけ画像をダウンロードしたくないということです。それは悪い効果を生み出すからです。サイトの読み込み時にダウンロードする必要があります。

助言がありますか？

[編集]提案ありがとうございます！明白な解決策を省略して、複雑な答えを探したなんて信じられません。

score 2 · Accepted Answer

この種の画像の「プリロード」を行う一般的な方法は、JavaScriptImageオブジェクトを使用することです。

var i = new Image;
i.onload = function() {
  console.log("Image: " + this.src + " loaded");
}
i.src = 'uri/to/file';

score 2 · Accepted Answer

次のようなものを使用します：

<img src="myImage.jpg" class="hidden" />

そして、CSSnoneのクラスの表示をに設定します。.hiddenその後、ダウンロードされ、表示されません。

次に、画像を使用するようになると、その画像はすでにクライアント上にあります。

score 2 · Accepted Answer

あなたが探しているのはプリローダーと呼ばれるものです。CSS ごと (チュートリアル) または JavaScript ごと(チュートリアル) の 2 つのオプションがあります。これらのソリューションのいずれかで、探している結果が得られるはずです。

score 2 · Accepted Answer

この解決策を確認してください: 「CSS、JavaScript、または Ajax を使用して画像をプリロードする 3 つの方法」

score 2 · Accepted Answer

2

Webページでこのプリロード画像を確認してください

于 2013-02-07T13:25:34.423 に答える

score 1 · Accepted Answer

すべての画像を非表示の div に入れるだけです。画像は自動的に読み込まれ、ブラウザにキャッシュされます。したがって、 mouseove で画像を再度ロードしても、「悪い影響」は発生しません

 <div style="display:none;">
          <img src="url"  />
    </div>

javascript - 後で使用するために画像をダウンロードする（ガイダンス）

6 に答える 6

Related

Reference