javascript - jQuery Ajaxリクエストで画像srcをスワップ

Question

デフォルトセットの<img src="..." />タグがあります。src別の画像を取得するために jQuery に ajax リクエストを発行させたいのですが、この新しい画像が完全にロードされたら、<img ... />タグの src を設定してちらつきがないようにします。などのプリローダーを実行したくないのですがnew Image().src="foo"、iamges を ajax リクエストでロードしたいと思っています。何か案は？

Answer 1

画像の「一部」をウェブページに読み込むことはできないため、段階的に読み込むことはできません。

画像は、CSSクラスポイントを使用して画像を読み込むか、JavascriptのImageオブジェクトを使用して読み込むことができます。

CSSは画像が完全に読み込まれたかどうかをページに通知できないため、new Images（）。src="foo"というアプローチが最善の方法です。

イベントを添付して「装飾」し、FX効果でちらつきを減らします：フェードイン、...。