jquery - HTML/jQuery プリロード画像

Question

基本的なフォトギャラリーを jQuery を使用するようにアップグレードしています (すごい!)。

これまでのところ、jQuery のセマンティクスは理解していますが、例外が 1 つあります。この画像のプリロード全体に頭を悩ませているようには見えません。div クラスと ID を備えた完全なレイアウトが既にあります。

画像部分は大体こんな感じです。

<div id="main">
<img id="spotHolder" src="images/somePic.jpg">
</div>
<div id="others">
<img class="otherPics" src="images/someOtherPic.jpg">
</div>

画像をプリロードするためのガイドとしてjQuery Howtoを使用していました。しかし、htmlに対して何をする必要があるのかわかりません（もしあれば？）。

何をすべきかのアイデアを探しています。

score 1 · Accepted Answer

このまさにこのページの右側 (「関連」セクション) を見ると、あなたの質問の正確な複製が表示されます。

score 1 · Accepted Answer

HTMLに何かをする必要がある理由がわかりません...可能な限りすべての画像を一度にプリロードするには、次を使用できます。

$("img").attr('src', function (_, src) {
    $("<img>").attr('src', src);
});

これを行うのはおそらく少し手間がかかるため、より具体的なセレクターを使用できます。

$("#gallery-container img").attr('src' /* etc. */

2 に答える 2